Comenzar

AsterUI es una biblioteca de componentes React construida sobre DaisyUI y Tailwind CSS v4. Proporciona componentes hermosamente estilizados y accesibles con soporte de temas integrado.

Inicio Rápido

1. Crea un nuevo proyecto

   Crea un nuevo proyecto AsterUI ejecutando el siguiente comando en tu terminal:

   npm

   npm create asterui@latest

   pnpm

   pnpm create asterui@latest

   yarn

   yarn create asterui@latest

   Sigue las indicaciones para nombrar tu proyecto y seleccionar una plantilla.

2. Inicia el servidor de desarrollo

   Navega al directorio de tu proyecto e inicia el servidor de desarrollo:

   npm

   cd my-asterui-app
   npm run dev

   pnpm

   cd my-asterui-app
   pnpm dev

   yarn

   cd my-asterui-app
   yarn dev

   Verás un mensaje de confirmación en tu terminal con un enlace a tu vista previa local.

3. Comienza a construir

   Abre el proyecto en tu editor y comienza a usar los componentes de AsterUI:

   src/App.tsx

   import { Button, Space } from 'asterui'
   
   function App() {
     return (
       <Space>
         <Button>Default</Button>
         <Button color="primary">Primary</Button>
         <Button color="secondary">Secondary</Button>
       </Space>
     )
   }

Consejo

AsterUI está construido sobre DaisyUI que proporciona más de 30 temas listos para usar. Prueba cambiar temas agregando data-theme="dark" o data-theme="cupcake" a tu elemento HTML.

Próximos Pasos

• Agregar a un proyecto existente: Sigue la guía de Configuración Manual para agregar AsterUI a un proyecto React existente.

Solución de Problemas

Si encuentras problemas, verifica lo siguiente:

• Asegúrate de tener Node.js 18 o superior instalado
• Verifica que Tailwind CSS v4 y DaisyUI v5 estén configurados correctamente
• Comprueba que tu archivo CSS incluye las directivas requeridas

Para más ayuda, visita el repositorio de GitHub.