Repolode
Enviar
markmead

markmead/hyperui

Colección gratuita y de código abierto de componentes de interfaz para Tailwind CSS que puedes copiar y pegar en tus proyectos, sin instalar ningún paquete.

Alternativa open source a:Tailwind UI

Ver en GitHubSitio web
Estrellas
12,266
Forks
519
Issues abiertos
1
Último commit
hace 4 días

¿Qué es?

HyperUI es una biblioteca de componentes listos para usar con Tailwind CSS, pensados para sitios de marketing, aplicaciones web y frontends de comercio electrónico. En lugar de instalar un paquete, puedes explorar los componentes en hyperui.dev, copiar el marcado y pegarlo en un proyecto con Tailwind CSS.

El proyecto es un sitio hecho con Astro que aloja el catálogo de componentes y un blog. Los colaboradores pueden ejecutarlo localmente con pnpm y generar el CSS de los componentes en modo watch. Las contribuciones se gestionan primero mediante issues y luego con una guía de contribución.

Como los componentes son HTML simple con clases de utilidad de Tailwind, puedes adaptarlos directamente a tu propio diseño y framework. El proyecto está bajo licencia MIT.

Funciones clave

  • 01Los componentes son HTML simple con clases de utilidad de Tailwind CSS.
  • 02No necesitas instalar ningún paquete: copia el marcado directamente en tu proyecto.
  • 03Incluye diseños para sitios de marketing, aplicaciones web y comercio electrónico.
  • 04Catálogo explorable en hyperui.dev, acompañado de un blog.
  • 05Desarrollado con Astro y pnpm para el desarrollo local.

Casos de uso

  • Añadir rápidamente a un proyecto con Tailwind una sección principal para una landing page, de precios o de características.
  • Crear elementos de interfaz para administración o dashboards sin diseñar cada componente desde cero.
  • Crear prototipos de listados de productos o bloques de pago para comercio electrónico con clases de Tailwind.

Inicio rápido

  1. 1

    Explora los componentes en hyperui.dev y copia el marcado

  2. 2

    Pega el código copiado en tu proyecto de Tailwind CSS; no hay ningún paquete que instalar

Antes de usarlo

  • Los componentes son marcado para copiar y pegar, así que tendrás que mantenerlos por tu cuenta y no se actualizan automáticamente.

En colecciones

Frameworks frontend y componentes de interfaz

Temas

#tailwind-css#ui-components#frontend#css#html#design-system#accessibility#components#tailwind#tailwindcss

Preguntas frecuentes

¿Qué es hyperui?
Colección gratuita y de código abierto de componentes de interfaz para Tailwind CSS que puedes copiar y pegar en tus proyectos, sin instalar ningún paquete. HyperUI es una biblioteca de componentes listos para usar con Tailwind CSS, pensados para sitios de marketing, aplicaciones web y frontends de comercio electrónico. En lugar de instalar un paquete, puedes explorar los componentes en hyperui.dev, copiar el marcado y pegarlo en un proyecto con Tailwind CSS.
¿hyperui es gratuito? ¿Qué licencia tiene?
hyperui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿hyperui sigue mantenido?
Mantenimiento activo. El último commit de hyperui fue el 21 oct 2026.
¿Para qué puedo usar hyperui?
Añadir rápidamente a un proyecto con Tailwind una sección principal para una landing page, de precios o de características. Crear elementos de interfaz para administración o dashboards sin diseñar cada componente desde cero. Crear prototipos de listados de productos o bloques de pago para comercio electrónico con clases de Tailwind.
¿Cómo se instala hyperui?
Explora los componentes en hyperui.dev y copia el marcado Pega el código copiado en tu proyecto de Tailwind CSS; no hay ningún paquete que instalar
¿Dónde consigo hyperui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/markmead/hyperui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados