Besucher
12.4k
8.0%
Die durchdachte Vorlage
Schneller liefern. Durchdacht aussehen.
Fünf fertige Websites. Starten Sie mit der, die Ihrer am nächsten kommt.
Jede Welt ist eine vollständige Website, gebaut nur aus den Komponenten dieses Templates, auf Desktop und Smartphone. Öffnen Sie eine und klicken Sie sich durch: Jede Seite ist echt.
Cairn — eine Enterprise-Plattform
B2B-Welt: ein einseitiges Vertrauensdokument mit belegten Aussagen, Kennzahlen-Konsole, Kundennachweisen und Kontrollregister.
Cairn öffnen
Proof — das Studio einer Fotografin
Eine minimalistische Portfolio-Welt: Studio-Rail, bildfüllende Bühnen, ruhige Übergänge.
Proof öffnen
Oak & Ember — ein Manufaktur-Shop
Shop-Welt: Kollektionen, Produktseiten, Warenkorb und Demo-Kasse (keine Bestellungen oder Zahlungen).
Oak & Ember öffnen
Starten Sie bei der ganzen Website. Landen Sie bei einem Button.
Jede Ebene ist echtes Framework-Markup, eingebettet in die davor.
Die WebsiteEine Wand aus Seiten, alle aus denselben Bausteinen gebaut.
Beliebt
$29
Wir haben unsere ganze Website in einer Woche veröffentlicht.
AL
Ada Lovelace
Veröffentlicht
Erstellung 78%
Konversion 4.5 (1280) Veröffentlicht
Konversion
4.8%
2.0%
Eine SeiteAus echten Komponenten gebaut: Überschriften, Karten und Buttons.
Nexus
BeliebtEinmal bauen, jede Seite ausliefern
Abschnitte und Bausteine, die sich zu allem fügen.
Schnell ab dem ersten Moment
Seiten stehen, bevor ein Besucher blinzelt.
Offen für alle
Jedes Bedienelement funktioniert per Tastatur und wird vorgelesen.
Spricht jede Sprache
Wechseln Sie die ganze Seite mit einem Klick in eine andere Sprache.
Ein ButtonFarbe, Fokusring und Radius, einmal gesetzt und überall genutzt.
Loslegen
--color-primary-500 --shadow-focus --radius-md
Alles, was Sie brauchen
Dokumentierte Bausteine als Ausgangspunkt für professionelle Websites
Blitzschnell
Static-First-Architektur mit clientseitigem JavaScript nur dort, wo Funktionen es erfordern.
Grundlagen der Barrierefreiheit
Semantisches HTML sowie Muster für Tastaturinteraktion und Screenreader sind in das Komponentensystem integriert.
Mehrsprachig
Integrierte i18n-Unterstützung für 5 Sprachen mit typsicheren Übersetzungen und übersetzten URLs.
Theme-System
CSS Custom Property Design-Tokens mit Dark Mode, anpassbaren Farbskalen und einheitlichem Abstand.
Komponierbare Komponenten
Selbstständige UI-Primitiven, die sich mühelos zu Sektionen, Layouts und kompletten Seiten zusammensetzen lassen.
SEO-Optimiert
JSON-LD strukturierte Daten, Meta-Tags, Sitemap-Generierung und Social Sharing out of the box.
Lighthouse-Laborwerte
Echte Lighthouse-Läufe gegen einen Produktions-Build dieser Homepage. Datum und Commit unten nennen genau den gemessenen Build.
Gemessen: 21.10.2026, 09:28 · Commit 3ca0494
Lighthouse-Kategorien
| Kategorie | Mobil | Desktop |
|---|---|---|
| Leistung | 93 | 100 |
| Barrierefreiheit | 100 | 100 |
| Best Practices | 100 | 100 |
| Suchoptimierung | 100 | 100 |
Lab-Lauf mit Lighthouse simulate — dieselben Geräteprofile und Drosselung wie PageSpeed Insights. Desktop nutzt eine strengere Bewertungskurve als Mobil; die Werte sollen nicht übereinstimmen.
Häufig gestellte Fragen
Alles, was Sie über Nexus wissen müssen
Was ist Nexus?
Nexus ist eine moderne Astro-Vorlage mit komponierbaren UI-Komponenten, integrierter i18n-Unterstützung und Dark Mode ohne Konfiguration. Sie ist für schnelle, barrierefreie und professionelle Websites konzipiert.
Muss ich React oder Vue kennen?
Nein. Seiten und Komponenten sind Astro: HTML-ähnliche Templates mit clientseitiger Interaktivität nur dort, wo Sie sie hinzufügen. Die einzige Ausnahme sind die optionalen Diagrammkomponenten, die intern React und Recharts nutzen; Sie setzen sie wie jede andere Komponente ein.
Ist Dark Mode enthalten?
Ja. Dark Mode ist über CSS Custom Properties und eine .dark-Klasse auf dem HTML-Element integriert. Schalten Sie es mit dem Button im Header um — es wird über localStorage gespeichert.
Wie passe ich das Theme an?
Alle Design-Tokens sind als CSS Custom Properties im globalen Stylesheet definiert. Überschreiben Sie Farben, Abstände, Typografie, Schatten und mehr, um Ihre Marke anzupassen.
Sind die Komponenten barrierefrei?
Die Komponenten basieren auf semantischem HTML und dokumentierten Tastatur- und ARIA-Mustern. Prüfen Sie die eingesetzten Komponenten und Kombinationen anhand Ihrer Barrierefreiheitsanforderungen.
Kann ich einzelne Komponenten verwenden?
Absolut. Jede Komponente ist in sich geschlossen und kann unabhängig importiert werden. Mixen und matchen Sie nur das, was Sie brauchen — keine erzwungenen Imports oder ungenutzter Code in Ihrem Bundle.
Bauen Sie etwas Bewusstes.
Klonen Sie das Repo. Starten Sie pnpm dev. Das Beeindruckende war immer möglich — Sie mussten es nur wählen.