Horizon UI
Open-Source-React-Admin-Vorlagen für Dashboard-Projekte mit Chakra UI, Next.js und Tailwind CSS.
Über Horizon UI
Horizon UI bietet Open-Source-React-Admin-Vorlagen für Teams, die mit fertig programmierten Dashboard-Komponenten und Seitenbeispielen beginnen möchten. Die offizielle Website stellt Varianten vor, die mit Chakra UI oder Tailwind CSS erstellt wurden, und bietet JavaScript, TypeScript sowie eine dokumentierte Kombination mit Next.js. Zu den gängigen Beispielen zählen Seiten für Authentifizierung, Profile und NFTs. Horizon AI Template ergänzt dies um eine Grundlage aus React, Next.js und Chakra UI für ChatGPT-basierte Anwendungen mit mehr als 100 dunklen und hellen Oberflächenelementen. Diese Bandbreite kann die Einrichtung der Benutzeroberfläche verkürzen, doch die Varianten sind separate Ausgangspunkte und kein einzelnes austauschbares Paket. Teams müssen daher weiterhin einen Technologie-Stack auswählen und dessen Abhängigkeiten prüfen. Die Dokumentation des Grundgerüsts zeigt außerdem eine Preisseite mit drei Karten, die mit Kaufabwicklung, Abonnementverwaltung und Dashboard-Routing verknüpft ist. Die tatsächlichen Produkte und Preise müssen in Stripe konfiguriert werden.
Funktionen
React-Admin-Dashboard
Nutzen Sie fertig programmierte Layouts und Komponenten für Authentifizierung, Profile, NFTs und andere gängige Admin-Seiten, anstatt jeden Bildschirm von Grund auf zu gestalten.
Mehrere UI-Stacks
Wählen Sie eine Vorlage für Chakra UI oder Tailwind CSS und kombinieren Sie sie mit JavaScript, TypeScript oder der dokumentierten Next.js-Option.
Vorlage für KI-Anwendungen
Nutzen Sie die Komponenten und programmierten Seiten von Horizon AI Template als Oberflächengrundlage für eine ChatGPT-basierte SaaS-Anwendung oder eine promptgesteuerte Web-App.
Vorteile
- Open-Source-Downloads senken die anfänglichen Kosten für das Testen einer React-Dashboard-Startvorlage.
- Mehrere Varianten für Chakra UI und Tailwind CSS ermöglichen es Teams, die Vorlage an ihren bestehenden Frontend-Stack anzupassen.
- Fertig programmierte Komponenten und Seitenbeispiele reduzieren den Aufwand für die Zusammenstellung gängiger Admin-Oberflächen.
Nachteile
- Die separaten Varianten für JavaScript, TypeScript, Next.js, Chakra UI und Tailwind erfordern vor der Einführung Kompatibilitätsprüfungen.
- Auch bei der dokumentierten Preisoberfläche müssen Teams ihre eigenen Stripe-Produkte und -Preise konfigurieren.
- Die zu diesen Vorlagen vorgestellten Produktinformationen enthalten keine Zusicherungen zu Sicherheit oder Datenschutz. Teams müssen daher ihre eigenen Bereitstellungsanforderungen prüfen.
Preispläne
In Stripe konfiguriertes Abonnement
- Preisoberfläche mit drei Karten
- Aufrufe der Kaufabwicklungsfunktion
- Ablauf zur Abonnementverwaltung
- Dashboard-Routing nach der Kaufabwicklung
* Die Preisangaben dienen nur zur Orientierung. Bitte beachten Sie die aktuellen Informationen auf der offiziellen Website von Horizon UI.