Repolode
Enviar
magicuidesign

magicuidesign/magicui

Biblioteca de componentes y efectos de UI animados para React y Tailwind CSS, que puedes copiar en tus aplicaciones de Next.js o shadcn/ui.

Ver en GitHubSitio web
Estrellas
22,768
Forks
1,195
Issues abiertos
1
Último commit
hace 4 días

¿Qué es?

Magic UI es una colección de componentes animados y efectos visuales para aplicaciones de React. En lugar de instalar un paquete e importarlo, copias el código fuente del componente en tu proyecto y lo ajustas según sea necesario, siguiendo el mismo modelo que shadcn/ui.

Los componentes están desarrollados con TypeScript, Tailwind CSS y Framer Motion, y están dirigidos a proyectos de Next.js. La biblioteca incluye secciones animadas, fondos, botones, efectos de texto y otros elementos similares para páginas de destino que los diseñadores suelen querer prototipar rápidamente.

El proyecto cuenta con licencia MIT y ofrece un sitio de documentación en línea con vistas previas de los componentes e instrucciones de instalación.

Funciones clave

  • 01Componentes para copiar y pegar, en lugar de una dependencia de paquete instalado.
  • 02Desarrollada con React, TypeScript, Tailwind CSS y Framer Motion.
  • 03Incluye fondos animados, botones y efectos de texto.
  • 04Sitio de documentación con vistas previas de los componentes.

Casos de uso

  • Añadir secciones principales y efectos animados a una página de destino de Next.js.
  • Prototipar rápidamente animaciones de interfaz en un proyecto basado en shadcn/ui.
  • Usar componentes animados como punto de partida y personalizarlos.

Inicio rápido

  1. 1

    Visita el sitio de documentación para explorar los componentes

  2. 2

    Lee la guía de contribución si quieres añadir un componente

Antes de usarlo

  • El README no incluye ningún comando de instalación; los componentes se copian en el proyecto en lugar de instalarse como un paquete.
  • La documentación está alojada externamente en magicui.design.

Temas

#react#tailwindcss#ui-components#animation#nextjs#framer-motion#typescript#components#shadcn-ui

Preguntas frecuentes

¿Qué es magicui?
Biblioteca de componentes y efectos de UI animados para React y Tailwind CSS, que puedes copiar en tus aplicaciones de Next.js o shadcn/ui. Magic UI es una colección de componentes animados y efectos visuales para aplicaciones de React. En lugar de instalar un paquete e importarlo, copias el código fuente del componente en tu proyecto y lo ajustas según sea necesario, siguiendo el mismo modelo que shadcn/ui.
¿magicui es gratuito? ¿Qué licencia tiene?
magicui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿magicui sigue mantenido?
Mantenimiento activo. El último commit de magicui fue el 17 oct 2026.
¿Para qué puedo usar magicui?
Añadir secciones principales y efectos animados a una página de destino de Next.js. Prototipar rápidamente animaciones de interfaz en un proyecto basado en shadcn/ui. Usar componentes animados como punto de partida y personalizarlos.
¿Cómo se instala magicui?
Visita el sitio de documentación para explorar los componentes Lee la guía de contribución si quieres añadir un componente
¿Dónde consigo magicui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/magicuidesign/magicui

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

Proyectos relacionados