Bibliothèques de composants que vous devez connaître pour utiliser l'interface utilisateur Shadcn !

shadcn-ui est une bibliothèque de composants React moderne qui fournit aux développeurs un ensemble de composants d'interface utilisateur hautement personnalisables et accessibles.

Bien que Shadcn UI soit livré avec une variété de composants intégrés, elle ne peut toujours pas répondre aux besoins des différents scénarios d'application. Dans cet article, je partagerai 10 composants utiles recommandés par Awesome Shadcn UI.

1. Barre latérale de l'interface utilisateur Shadcn (nouveau)

Un composant de barre latérale composable, thématique et personnalisable.

MIT

2. Assiette

Éditeur de texte enrichi avec shadcn/ui.

MIT/11K

3. Vaul

Vaul est un composant de tiroir sans style pour React qui peut être utilisé en remplacement de Dialog sur les tablettes et les appareils mobiles.

MIT/6,3K

4. Formulaire automatique

? Rendre automatiquement les formulaires pour votre schéma de données existant

MIT/2,9K

5. table shadcn

Table Shadcn avec tri, filtrage et pagination côté serveur.

MIT/2,7K

6. mail.à

Créez de superbes e-mails sans effort avec Maily, le puissant éditeur d'e-mails qui garantit une communication impeccable entre tous les principaux clients.

MIT/1,6K

7. emblème

Un composant d'entrée de balise complet construit avec shadcn/ui

MIT/706

8. sélecteur de plage de dates pour shadcn

DateRangePicker est un composant réutilisable pour shadcn utilisant Radix UI et Tailwind CSS. Comprend des plages de dates prédéfinies, la saisie de texte, la sélection de calendrier et la comparaison de dates.

MIT/666

9. shadcn-minimal-tiptap

L'éditeur Minimal Tiptap est un composant d'éditeur de texte riche léger et personnalisable conçu pour Shadcn. Il fournit une interface intuitive pour le formatage et l'édition de texte.

MIT/659

10. triable

Triable construit avec shadcn/ui, radix ui et dnd-kit.

MIT/438

En plus des 10 projets open source ci-dessus , Awesome Shadcn UI présente également d'autres projets , vous pouvez visiter Awesome Shadcn UI pour en savoir plus sur les projets liés à Shadcn.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!