Monthly revenue
+12.4%$84.2k
vs last month
Ingresos mensuales$48.2k+24%
Despliegue completado
View data
| Item | Value |
|---|---|
| Charts | 82% |
| Sections | 64% |
| Forms | 47% |
Midnight Build
React Kit · Lo-fi
REACT KITCOMPONENTS
v0.1.0Componentes UI gratuitos y de código abierto para React. Cero dependencias. Copia, pega y publica.
$ npm install react-component-kit-uiExplora la Colección
Explorar por categoría
Elige una categoría, copia el código y listo.
Botones22 componentesFormularios24 componentesTarjetas22 componentesNotificaciones22 componentesNavegación23 componentesEstructura & Layout22 componentesModales & Capas23 componentesVisualización de Datos23 componentesTipografía24 componentesGráficos y Estadísticas47 componentesE-commerce25 componentesApp y Dashboard13 componentesSecciones de Página51 secciones
Nuevo · Plantillas completas
No solo componentes. Sitios enteros, listos para publicar.
Las plantillas combinan componentes de la librería en sitios completos de varias páginas. Mira cada página en vivo e impórtala entera con una línea, o quédate solo con las piezas que necesites.
3 plantillas · Tienda e-commerce, E-commerce 2 Editorial, Hotel SaaS
- páginas
- 4
- componentes
- 32
- Claro y oscuro
Próximamente: landing SaaS · Dashboard · Blog
¿Por qué React Components Kit?
Desarrolla más rápido con componentes React gratuitos
Deja de reinventar la rueda. Bloques de UI listos para producción diseñados para máximo rendimiento, accesibilidad WCAG AA y estética impecable.
- Lanza en minutos
Desarrollo ultrarrápido
Instálalo desde npm o copia y pega cualquier componente en tu app React. Sin frameworks de CSS que configurar: publica landings y webs de clientes en minutos, no semanas.
- Más rápido
- 10×
- Configuración
- 0 min
- Compatible
- React 19
- Cero peso
Sin dependencias en runtime
Solo React como peer dependency y CSS puro. Sin Tailwind ni CSS-in-JS en tiempo de ejecución.
- Dependencias
- 0
- Tree-shaking
- ESM
- WCAG 2.2 AA
Accesible por defecto
Navegación por teclado, anillos de foco visibles, ARIA donde importa y contraste 4.5:1.
- Contraste
- ≥4.5:1
- Objetivos táctiles
- 44px
- Estilos curados
Estética de nueva generación
Glassmorphism, neón, neumorfismo y dorado oscuro con microinteracciones fluidas.
- Estilos
- 6+
- Animación
- 60fps
- Tokens CSS
Personalización total
Props tipadas, atributos HTML nativos y variables CSS: cambia el tema de todo desde un solo archivo.
- Tokenizado
- 100%
- TypeScript
- Estricto
- MIT · Gratis siempre
Una librería que no deja de crecer
Se porta componente a componente desde Astro Components Kit: el mismo sistema de diseño, ahora para React. Desarrollo en abierto.
- Componentes
- 290
- Secciones
- 51
- Licencia
- MIT
Librería de Componentes
Componentes React listos para producción
Desde botones y tarjetas hasta modales y formularios: cada componente está diseñado con atención al detalle, rendimiento y experiencia.
Secciones para Producción
Diseños de página completa, listos para copiar y pegar
Más allá de componentes individuales: secciones de landing responsivas: dashboards de métricas, precios, heroes, pestañas de características, testimonios e integraciones.
Ventajas
Por qué los desarrolladores eligen React Components Kit
01
Funciona con cualquier stack de React
Vite, Next.js (App y Pages Router), Remix o React 18/19 sin más. Cada módulo incluye "use client", ids seguros para SSR y ningún efecto global, así que se renderizan en el servidor y se hidratan sin problemas.
02
Copiar y pegar o npm install
Instala el paquete e importa por categorías, o copia un único componente en tu proyecto. Cada componente es una pareja .tsx + .css autónoma, sin imports internos.
03
API tipada y nativa
Cada componente exporta su interfaz Props y reenvía los atributos HTML nativos: onClick, aria-*, className, style. Los botones generan un <button> o <a> real y los modales usan el <dialog> nativo.
04
Listo para tu sistema de diseño
Variables CSS, escala de espaciado coherente, sistema tipográfico y paleta de color: todo viene configurado. Personalízalo una vez y aplícalo en todas partes.
05
Código abierto y licencia MIT
Gratis para uso personal y comercial. Aporta componentes, reporta errores o haz un fork de toda la librería. Hecho por desarrolladores, para desarrolladores.
Laboratorio de interacciones
No solo mires: juega con ellos
Cada tarjeta es un componente real. Mueve, pasa el ratón y haz clic: las microinteracciones vienen en el código que copias.
Inclíname
Perspectiva 3D que sigue al cursor con un brillo suave.
REACT KIT 0.1.0
Too weak
REACTTYPESCRIPTCERO DEPENDENCIASLISTO PARA NEXT.JSCÓDIGO ABIERTOLICENCIA MITACCESIBLERÁPIDO
Primeros Pasos
Instala en segundos
Añade react-component-kit-ui a tu proyecto con un solo comando.
$ npm install react-component-kit-uiLuego importa cualquier componente y empieza a crear.
¿Listo para construir algo extraordinario?
De código abierto y gratis para siempre. Instálalo o copia y pega en tu proyecto React.
Comenzar