Introduction
AVS est un design system open-source inspiré du patrimoine visuel africain. Découvrez sa philosophie et ses principes fondamentaux.
Pourquoi ce sujet est important
AVS — African Visual Standard
Design system open-source inspiré du patrimoine visuel africain. Compatible Tailwind CSS v4. Installation en 30 secondes.
AVS est le premier design system africain moderne. Intégrez des couleurs, motifs et composants authentiques dans votre projet avec une seule commande. Aucun compte, aucune configuration complexe.
Explication
AVS est conçu pour être ultra-simple à intégrer. Pas de configuration complexe, pas de dépendances lourdes. Juste une commande et vous avez accès à :
Couleurs africaines
Palette extraite de pigments naturels (terre rouge, or kente, indigo bogolan).
Motifs SVG & CSS
Motifs traditionnels (kente, ndop, adinkra) prêts à l'emploi.
Composants UI
Boutons, cartes, formulaires avec design africain moderne.
Installation 30s
Une seule commande pour tout configurer automatiquement.
Installation ultra-simple
Une seule commande pour tout configurer :
npx @buni/cli initCette commande détecte automatiquement votre configuration (Next.js, Vite, etc.) et installe Tailwind CSS v4 avec les couleurs AVS, les motifs et les composants nécessaires.
Pourquoi AVS ?
| Fonctionnalité | AVS | PrimeReact | Shadcn |
|---|---|---|---|
| Installation 30s | |||
| Design africain | |||
| Tailwind CSS v4 | |||
| Motifs CSS | |||
| SVG natifs | |||
| Copy & Paste | |||
| TypeScript strict |
Commencez maintenant
npx @buni/cli init dans votre projet pour installer AVS en 30 secondes. Ensuite, explorez les motifs et composants.