Hooks para React e Vue e utilitários TypeScript para criar aplicações Ethereum, construídos sobre viem.
rainbow-me/rainbowkit
Uma biblioteca React que adiciona uma interface personalizável para conectar carteiras a dapps Ethereum, criada com wagmi e viem.
- Estrelas
- 2,838
- Forks
- 802
- Issues abertas
- 57
- Último commit
- mês passado
O que é?
RainbowKit é uma biblioteca React para adicionar conexão com carteiras a aplicações descentralizadas. Ela oferece gerenciamento de carteiras pronto para uso, para que os desenvolvedores não precisem criar modais de conexão e fluxos de seleção de carteiras do zero.
A biblioteca é baseada em wagmi e viem, o conjunto de ferramentas usado para interagir com Ethereum em JavaScript e TypeScript. Os componentes podem ser personalizados em aparência e comportamento para combinar com o design de um app existente.
O projeto também oferece um comando de scaffolding que gera um app inicial combinando RainbowKit, wagmi e Next.js, além de incluir projetos de exemplo para Create React App, Vite, Remix, React Router e várias configurações de Next.js, incluindo variantes de Sign-In with Ethereum.
Recursos principais
- 01Modal de conexão com carteiras e gerenciamento de carteiras prontos para uso
- 02Componentes e temas personalizáveis
- 03Criada com wagmi e viem para interações com Ethereum
- 04Comando de scaffolding para criar um novo app com wagmi e Next.js
- 05Projetos de exemplo para vários frameworks React
Casos de uso
- Adicionar um botão de login com carteira a um dapp em React ou Next.js
- Criar um protótipo de frontend Ethereum com um fluxo de conexão pronto para uso
- Criar uma experiência personalizada de conexão com carteira que combine com uma marca existente
Início rápido
- 1
Crie a estrutura de um novo app com RainbowKit + wagmi + Next.js usando npm
npm init @rainbow-me/rainbowkit@latest - 2
Ou crie a estrutura com pnpm
pnpm create @rainbow-me/rainbowkit@latest - 3
Ou crie a estrutura com yarn
yarn create @rainbow-me/rainbowkit
Antes de usar
- RainbowKit é uma biblioteca React, então só funciona com dapps baseadas em React.
- Ela é construída sobre wagmi e viem, então você também precisa usar essas bibliotecas.
Tópicos
Perguntas frequentes
- O que é rainbowkit?
- Uma biblioteca React que adiciona uma interface personalizável para conectar carteiras a dapps Ethereum, criada com wagmi e viem. RainbowKit é uma biblioteca React para adicionar conexão com carteiras a aplicações descentralizadas. Ela oferece gerenciamento de carteiras pronto para uso, para que os desenvolvedores não precisem criar modais de conexão e fluxos de seleção de carteiras do zero.
- rainbowkit é gratuito? Qual é a licença?
- rainbowkit é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- rainbowkit ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de rainbowkit foi em 1 de out. de 2026.
- Para que posso usar rainbowkit?
- Adicionar um botão de login com carteira a um dapp em React ou Next.js Criar um protótipo de frontend Ethereum com um fluxo de conexão pronto para uso Criar uma experiência personalizada de conexão com carteira que combine com uma marca existente
- Como instalar rainbowkit?
- Crie a estrutura de um novo app com RainbowKit + wagmi + Next.js usando npm: npm init @rainbow-me/rainbowkit@latest Ou crie a estrutura com pnpm: pnpm create @rainbow-me/rainbowkit@latest Ou crie a estrutura com yarn: yarn create @rainbow-me/rainbowkit
- Onde consigo rainbowkit?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/rainbow-me/rainbowkit
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Taho é uma carteira Web3 de código aberto e mantida pela comunidade para Ethereum e Bitcoin, oferecida como extensão de navegador e alternativa à MetaMask.
A segunda edição de "Mastering Ethereum", um livro sobre desenvolvimento na Ethereum, smart contracts e a tecnologia por trás da rede.
Uma faucet modular para testnets EVM que usa mineração proof-of-work, captchas, limites por IP e outras verificações para impedir que bots drenem os fundos.
Biblioteca de componentes React para exibir arquivos PDF em apps React, renderizando páginas como imagens, com base no PDF.js.
Biblioteca de componentes de UI para React e Vue que cria interfaces de busca usando Elasticsearch, OpenSearch, Solr e MongoDB.