Kostenlose Open-Source-Website-Blöcke Sie können Ihre React-Projekte problemlos kopieren und einfügen.
Ich empfehle Ihnen dringend, Shadcn in Ihrem Projekt zu installieren, bevor ich mit der Verwendung dieser Blöcke beginne. Die Installationshandbuch finden Sie hier Shadcn -Installation ✌️
Sie können Shadcn -Themen verwenden, um das Styling anzupassen.
Es funktioniert sowohl für den Dunkel- als auch für den Lichtmodus. Sie finden eine Installationshandbuch, um die verschiedenen Modi hier im Shadcn Dark -Modus umzuschalten und zu aktivieren.
Gehen Sie zu /Blöcken, um den Block zu finden, den Sie benötigen, und kopieren Sie ihn einfach in Ihr Projekt. Sehen Sie dann, welche Abhängigkeiten es für Shadcn-UI muss, und installieren Sie sie.
Hier finden Sie eine Liste der verfügbaren Blöcke:
| Typ | Versionslicht | Version dunkel |
|---|---|---|
| Header | ![]() | ![]() |
| Helden | ![]() | ![]() |
| Helden | ![]() | ![]() |
| Helden | ![]() | ![]() |
| Helden | ![]() | ![]() |
| Helden | ![]() | ![]() |
| Fälle | ![]() | ![]() |
| Fälle | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| Merkmale | ![]() | ![]() |
| CTAs | ![]() | ![]() |
| CTAs | ![]() | ![]() |
| Statistiken | ![]() | ![]() |
| Statistiken | ![]() | ![]() |
| Preisgestaltung | ![]() | ![]() |
| Preisgestaltung | ![]() | ![]() |
| FAQs | ![]() | ![]() |
| FAQs | ![]() | ![]() |
| Blogs | ![]() | ![]() |
| Blogs | ![]() | ![]() |
| Kontakte | ![]() | ![]() |
| Fußzeilen | ![]() | ![]() |