Commencer

AsterUI est une bibliothèque de composants React construite sur DaisyUI et Tailwind CSS v4. Elle fournit des composants magnifiquement stylisés et accessibles avec un support de thème intégré.

Démarrage rapide

1. Créer un nouveau projet

   Créez un nouveau projet AsterUI en exécutant la commande suivante dans votre terminal :

   npm

   npm create asterui@latest

   pnpm

   pnpm create asterui@latest

   yarn

   yarn create asterui@latest

   Suivez les instructions pour nommer votre projet et sélectionner un modèle.

2. Démarrer le serveur de développement

   Naviguez vers le répertoire de votre projet et démarrez le serveur de développement :

   npm

   cd my-asterui-app
   npm run dev

   pnpm

   cd my-asterui-app
   pnpm dev

   yarn

   cd my-asterui-app
   yarn dev

   Vous verrez un message de confirmation dans votre terminal avec un lien vers votre aperçu local.

3. Commencer à construire

   Ouvrez le projet dans votre éditeur et commencez à utiliser les composants 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>
     )
   }

Astuce

AsterUI est construit sur DaisyUI qui fournit plus de 30 thèmes prêts à l’emploi. Essayez de changer de thème en ajoutant data-theme="dark" ou data-theme="cupcake" à votre élément HTML.

Prochaines étapes

• Ajouter à un projet existant : Suivez le guide Installation manuelle pour ajouter AsterUI à un projet React existant.

Dépannage

Si vous rencontrez des problèmes, vérifiez les points suivants :

• Assurez-vous d’avoir Node.js 18 ou supérieur installé
• Vérifiez que Tailwind CSS v4 et DaisyUI v5 sont correctement configurés
• Vérifiez que votre fichier CSS inclut les directives requises

Pour plus d’aide, visitez le dépôt GitHub.