Eine ruhige, tonerde- und Bronze-Hautpflegemuster-Vorlage für eine Kopenhagener Barrierereparatur-Marke: ein raymarchter WebGL-Serum-Tropfen, der sich zum Cursor hin wölbt, im Hero-Bereich, ein dreistufiges Ritual mit CSS-gerenderten Flaschen, eine Zutatenliste mit generierten Molekül-Diagrammen, eine verschiebbare Vorher/Nachher-Feuchtigkeitskarte, klinische Ergebnisse als Stat-Cards und ein funktionsfähiger Shop mit Größen-Auswahl und Warenkorb.

Live-Demo ansehen →

Signatur: WebGL-Serum-Tropfen: eine raymarchte Blase aus "Serum", die beim Laden auf eine Pfütze fällt, sich zum Cursor hin wölbt und in eineIdle-Drift übergeht — mit einer CSS-Fallback, die standardmäßig angezeigt wird.

Dies ist die React-Edition: ein Next.js 16 + React 19 + Tailwind 4 + Motion-Projekt. Jedes Wort des Textes lebt in einer Datei (content/site.ts). Führen Sie npm install und npm run dev aus, so wie man jede Next.js-App startet.

Was Sie bekommen

• Seiten: Startseite, 404, Datenschutz
• Selbst gehostete Schriftarten (Bodoni Moda und Jost) und keine Anfragen von Drittanbietern: keine Google Fonts, Analytik oder Einbindungen
• README, AGENTS.md und CLAUDE.md, damit KI-Codierungsassistenten verstehen, wie das Projekt zusammenpasst
• DESIGN.md mit Design-Tokens, Typen-Skalierung und Komponenten
• CHANGELOG, Credits und Lizenz

Geeignet für

• Hautpflege- und Beauty-DTC-Marken
• Saubere Formeln oder Marken mit "vollständiger Offenlegung" der Inhaltsstoffe
• Kleinserien-Cosmetiklabore
• Wellness- und Personalpflegeprodukte
• Jede Markenware, die ihre Zahlen zeigen möchte, nicht nur ihre Stimmung

Lizenz

Verwenden Sie sie für unbegrenzte Projekte, Ihre eigenen und die Ihrer Kunden. Sie dürfen die Vorlage selbst nicht weiterverkaufen oder weitergeben.

Version 1.0.2.