Maison > interface Web > tutoriel CSS > Bibliothèques de composants que vous devez connaître pour utiliser l'interface utilisateur Shadcn !

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

DDD
Libérer: 2024-10-26 06:01:02
original
355 Les gens l'ont consulté

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.

Component Libraries You Must Know To Use Shadcn UI!

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

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

MIT

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

2. Assiette

Éditeur de texte enrichi avec shadcn/ui.

MIT/11K

Component Libraries You Must Know To Use Shadcn UI!

Component Libraries You Must Know To Use Shadcn UI!

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

Component Libraries You Must Know To Use Shadcn UI!

4. Formulaire automatique

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

MIT/2,9K

Component Libraries You Must Know To Use Shadcn UI!

5. table shadcn

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

MIT/2,7K

Component Libraries You Must Know To Use Shadcn UI!

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

Component Libraries You Must Know To Use Shadcn UI!

7. emblème

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

MIT/706

Component Libraries You Must Know To Use Shadcn UI!

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

Component Libraries You Must Know To Use Shadcn UI!

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

Component Libraries You Must Know To Use Shadcn UI!

10. triable

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

MIT/438

Component Libraries You Must Know To Use Shadcn UI!

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal