Hooks para React y Vue y utilidades de TypeScript para crear aplicaciones de Ethereum, basados en viem.
rainbow-me/rainbowkit
Una biblioteca de React que añade una interfaz personalizable para conectar wallets a dapps de Ethereum, basada en wagmi y viem.
- Estrellas
- 2,838
- Forks
- 802
- Issues abiertos
- 57
- Último commit
- el mes pasado
¿Qué es?
RainbowKit es una biblioteca de React para añadir la conexión de wallets a aplicaciones descentralizadas. Incluye herramientas listas para usar para gestionar wallets, así que los desarrolladores no tienen que crear desde cero modales de conexión ni flujos para seleccionar wallets.
La biblioteca se basa en wagmi y viem, el conjunto de herramientas habitual para interactuar con Ethereum desde JavaScript y TypeScript. Los componentes se pueden personalizar en apariencia y comportamiento para adaptarse al diseño de una aplicación existente.
El proyecto también ofrece un comando de scaffolding que genera una aplicación inicial con RainbowKit, wagmi y Next.js, e incluye proyectos de ejemplo para Create React App, Vite, Remix, React Router y varias configuraciones de Next.js, incluidas variantes de Sign-In with Ethereum.
Funciones clave
- 01Modal de conexión y gestión de wallets listos para usar
- 02Componentes y temas personalizables
- 03Basada en wagmi y viem para interactuar con Ethereum
- 04Comando de scaffolding para crear una nueva aplicación con wagmi y Next.js
- 05Proyectos de ejemplo para varios frameworks de React
Casos de uso
- Añadir un botón para iniciar sesión con una wallet a una dapp de React o Next.js
- Crear un prototipo de frontend de Ethereum con un flujo de conexión listo para usar
- Crear una experiencia personalizada de conexión de wallets que coincida con una marca existente
Inicio rápido
- 1
Crea el esqueleto de una nueva app con RainbowKit + wagmi + Next.js usando npm
npm init @rainbow-me/rainbowkit@latest - 2
O crea el esqueleto con pnpm
pnpm create @rainbow-me/rainbowkit@latest - 3
O crea el esqueleto con yarn
yarn create @rainbow-me/rainbowkit
Antes de usarlo
- RainbowKit es una biblioteca de React, así que solo sirve para dapps basadas en React.
- Está construida sobre wagmi y viem, por lo que también necesitas usar esas bibliotecas.
Temas
Preguntas frecuentes
- ¿Qué es rainbowkit?
- Una biblioteca de React que añade una interfaz personalizable para conectar wallets a dapps de Ethereum, basada en wagmi y viem. RainbowKit es una biblioteca de React para añadir la conexión de wallets a aplicaciones descentralizadas. Incluye herramientas listas para usar para gestionar wallets, así que los desarrolladores no tienen que crear desde cero modales de conexión ni flujos para seleccionar wallets.
- ¿rainbowkit es gratuito? ¿Qué licencia tiene?
- rainbowkit es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿rainbowkit sigue mantenido?
- Actualizado en los últimos 6 meses. El último commit de rainbowkit fue el 1 oct 2026.
- ¿Para qué puedo usar rainbowkit?
- Añadir un botón para iniciar sesión con una wallet a una dapp de React o Next.js Crear un prototipo de frontend de Ethereum con un flujo de conexión listo para usar Crear una experiencia personalizada de conexión de wallets que coincida con una marca existente
- ¿Cómo se instala rainbowkit?
- Crea el esqueleto de una nueva app con RainbowKit + wagmi + Next.js usando npm: npm init @rainbow-me/rainbowkit@latest O crea el esqueleto con pnpm: pnpm create @rainbow-me/rainbowkit@latest O crea el esqueleto con yarn: yarn create @rainbow-me/rainbowkit
- ¿Dónde consigo rainbowkit?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/rainbow-me/rainbowkit
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Taho es una wallet Web3 de código abierto y propiedad de la comunidad para Ethereum y Bitcoin, disponible como extensión de navegador y alternativa a MetaMask.
La segunda edición de «Mastering Ethereum», un libro sobre desarrollo en Ethereum, smart contracts y la tecnología subyacente de la red.
Un faucet modular para testnets EVM que usa minería proof-of-work, captchas, límites por IP y otras comprobaciones para evitar que los bots agoten los fondos.
Biblioteca de componentes de React para mostrar archivos PDF en aplicaciones React, renderizando las páginas de forma similar a imágenes con PDF.js.
Biblioteca de componentes de UI para React y Vue que permite crear interfaces de búsqueda sobre Elasticsearch, OpenSearch, Solr y MongoDB.