Zu Seitenhinhalt springen

React Templates

A selection of free react templates to help you get started building your app. The collection contains react dashboard, react admin, and more.

The templates can be combined with one of the example applications to form a complete starter.

Abschnitte jedes Layouts sind entweder durch Kommentare oder die Verwendung separater Dateien eindeutig definiert. Dadurch wird das Extrahieren von Teilen einer Seite (z. B. "Heldeneinheit" oder Fußzeilen) für die Wiederverwendung in anderen Seiten vereinfacht. Für mehrteilige Beispiele, beschreibt eine Tabelle in der README im verknüpften Quellcode der Zweck jeder Datei.

Dashboard

Ein minimales Dashboard mit Taskleiste und einem Drawer in mini Variante. Das Diagramm wurde von Recharts zur Verfügung gestellt, aber es ist leicht ein anderes Paket dafür zu nutzen.

Anmelden

Eine einfache Anmeldeseite.

Anmeldeseite

Eine einfache Anmeldeseite.

Registrieren

Eine einfache Anmeldeseite.

Blog

Ein ausgeklügeltes Blog-Seitenlayout. Markdown-Unterstützung wird von markdown-to-jsx zur Verfügung gestellt, kann jedoch leicht ersetzt werden.

Check Out

Ein schrittweises Checkout-Seitenlayout. Die Anzahl der Schritte ist anpassbar oder gar komplett optional.

Album

Ein responsives Album- / Galerie-Seitenlayout mit einer "hero unit" und einer Fußzeile.

Preise

Erstellen Sie mit diesem Seitenlayout schnell eine effektive Preistabelle für ihre potenziellen Kunden.

Feste Fußzeile

Hängen Sie eine Fußzeile am unteren Rand des Ansichtsfensters an, wenn der Seiteninhalt kurz ist.

Wenn Sie während Sie die Beispiele verwenden Änderungen oder Verbesserungen vornehmen, die die Entwickler Erfahrung verbessern könnte, oder Sie mögen ein weiteres Beispiel dazu beitragen, denken Sie doch über einen Pull-Request auf GitHub nach.

So far we have demos for a dashboard, sign in page, sign up page, blog page, checkout flow, album page, pricing page, and sticky footer page.

Premium-Themes

Looking for something more? You can find complete templates & themes in the premium template section.

react templates