Was Scrolltide ist
Scrolltide ist eine Materialbibliothek für den KI-gestützten Website-Bau. Der Kern ist kein Stapel Figma-Dateien, sondern ein Prompt, den man direkt an die KI weiterreichen kann: kopieren, in Claude, Cursor oder eine andere Coding-KI einfügen – und heraus kommt eine komplette Seite mit bereits eingebauten scroll-gesteuerten Effekten.
Die Positionierung ist bewusst direkt: Deine Website soll nicht so aussehen, als hätte eine KI sie gebaut. Das Problem ist real – die meisten generierten Landingpages landen bei derselben zentrierten Überschrift plus drei Karten, und genau da setzt Scrolltide an.
Was in der Bibliothek steckt
Die Seite teilt sich aktuell in drei Bereiche:
- Seiten-Templates: 143 Stück für Hero Sections, komplette Landingpages, Portfolios, E-Commerce und 3D-Hintergründe; die meisten sind als Premium gekennzeichnet.
- Komponenten: 85 Bausteine, die sich einzeln in bestehende Projekte einsetzen lassen, etwa Glass-Tabs, morphing Navbars, Karten-Akkordeons, Partikel-Globen oder glühende Ring-Buttons.
- Shader: 55 GPU-animierte Hintergründe in Stilen wie Gradient, Aurora, Liquid Metal und Feuer, geliefert als MP4, Standbild und einbettbare Komponente.
Jeder Eintrag hat eine Live-Vorschau, man kann die Bewegung also ansehen, bevor man sich entscheidet.
Tech-Stack und Lieferung
Die Templates basieren auf React, Vite, Next.js und Tailwind CSS; für die Animationsebene sorgen Framer Motion, GSAP und Lenis für flüssiges Scrollen, 3D und Hintergründe laufen über Three.js, WebGL und eigene Shader. Nach dem Einmalkauf bekommt man lesbaren Quellcode, keine komprimierte Blackbox.
Für wen es passt
Für Independent-Entwickler, Design Engineers und Teams mit Auftragsarbeiten – vor allem für alle, die schnell eine hochwertige Marketingseite brauchen, ohne jede Animationskurve von Hand abzustimmen. Wer ausschließlich statische Seiten baut oder mit einem sehr knappen Performance-Budget arbeitet, sollte die Kosten dieser Scroll-Effekte selbst abwägen.
