Komponentenbibliotheken, die Sie kennen müssen, um die Shadcn-Benutzeroberfläche verwenden zu können!

shadcn-ui ist eine moderne React-Komponentenbibliothek, die Entwicklern eine Reihe hochgradig anpassbarer und zugänglicher UI-Komponenten bietet.

Obwohl Shadcn UI über eine Vielzahl integrierter Komponenten verfügt, kann es dennoch nicht den Anforderungen verschiedener Anwendungsszenarien gerecht werden. In diesem Artikel werde ich 10 nützliche Komponenten vorstellen, die von Awesome Shadcn UI empfohlen werden.

1. Shadcn UI-Seitenleiste (neu)

Eine zusammensetzbare, thematisch anpassbare und anpassbare Seitenleistenkomponente.

MIT

2. Teller

Rich-Text-Editor mit shadcn/ui.

MIT / 11K

3. Tresor

Vaul ist eine nicht gestaltete Schubladenkomponente für React, die als Dialogersatz auf Tablets und Mobilgeräten verwendet werden kann.

MIT / 6,3K

4. Autoform

? Rendern Sie Formulare automatisch für Ihr vorhandenes Datenschema

MIT / 2,9K

5. Schattentabelle

Shadcn-Tabelle mit serverseitiger Sortierung, Filterung und Paginierung.

MIT / 2,7K

6. maily.to

Erstellen Sie mühelos schöne E-Mails mit Maily, dem leistungsstarken E-Mail-Editor, der eine einwandfreie Kommunikation mit allen großen Kunden gewährleistet.

MIT / 1,6K

7. Emblor

Eine voll funktionsfähige Tag-Eingabekomponente, erstellt mit shadcn/ui

MIT / 706

8. Datumsbereichsauswahl für Shadcn

DateRangePicker ist eine wiederverwendbare Komponente für shadcn mit Radix UI und Tailwind CSS. Beinhaltet voreingestellte Datumsbereiche, Texteingabe, Kalenderauswahl und Datumsvergleich.

MIT / 666

9. shadcn-minimal-tiptap

Der Minimal Tiptap Editor ist eine leichte, anpassbare Rich-Text-Editor-Komponente, die für Shadcn entwickelt wurde. Es bietet eine intuitive Benutzeroberfläche zum Formatieren und Bearbeiten von Text.

MIT / 659

10. sortierbar

Sortierbar, erstellt mit shadcn/ui, radix ui und dnd-kit.

MIT / 438

Zusätzlich zu den oben genannten 10 Open-Source-Projekten stellt Awesome Shadcn UI auch andere Projekte vor. Sie können Awesome Shadcn UI besuchen, um mehr über Shadcn-bezogene Projekte zu erfahren.

Das obige ist der detaillierte Inhalt vonKomponentenbibliotheken, die Sie kennen müssen, um die Shadcn-Benutzeroberfläche verwenden zu können!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!