Aether — Tiefenfeld-Vermessung
Tiefraum-Planetenuntersuchung – ein Planet skaliert unterhalb des sichtbaren Bereichs über den Viewport hinaus, Sie tauchen in einen scroll-gesteuerten Orbital-Überflug ein, mit vier Welten und harten Übergängen.
Vorschau produktionsreifer Websites, Texte per Chat und Klick-zum-Bearbeiten anpassen oder das gesamte Projekt als ZIP herunterladen.
Tiefraum-Planetenuntersuchung – ein Planet skaliert unterhalb des sichtbaren Bereichs über den Viewport hinaus, Sie tauchen in einen scroll-gesteuerten Orbital-Überflug ein, mit vier Welten und harten Übergängen.
Sechsseitige Light-Studio-Produktseite für eine Elektromoped-Marke – schwebende UI-Karten, scroll-gesteuerter 360°-Drehteller, Explosionszeichnung-Sequenz, Live-Finish-Auswahl und Vorhang-Seitenübergänge.
Warmes redaktionelles Artefaktarchiv – eine Display-Serifenschrift teilt sich, Artefaktkarten fliegen in die Lücke, kollabieren zu einem scroll-gesteuerten Stapel von sieben Objekten vor einem vollflächigen architektonischen Abschluss.
Kinoreifer Automobil-Launch – eine Seidenstaubdecke hebt sich beim Scrollen vom Auto, gefolgt von einer Wüstenfahrt, bei der das Auto vor und hinter einer bildschirmgroßen Wortmarke vorbeifährt.
Ein Steinportal zu sechs Welten – der Bogen bleibt fix, während sich die Welt dahinter durch eine bogenförmige Maske ändert, die sich im Torbogen öffnet und dann über den Stein hinaus vollflächig wird.
Produktlaunch für eine autonome Mikro-Drohne – das Produkt landet in riesiger Schrift, entfaltet sich beim Scrollen mit kommentierten Callouts, die Seite wechselt mitten im Scrollen von dunkel zu hell.
DNA-Testmarken-Landingpage – eine fixierte WebGL-Doppelhelix in marineblauem Nichts; beim Scrollen fliegt die Kamera entlang des Strangs, während Textblöcke Zeile für Zeile enthüllt werden.
KI-Arbeitsplatzwissen-Such-Startup – fixierte Partikelszene aus Tausenden von Dreiecks-Sprites morphing Gehirn → Wolke → Glühbirne → Globus → Markenlogo, während Sie an Manifest, Team, Investoren und CTA vorbeiscrollen.
Fashion-House Hero-Slider – eine einzelne Vollbild-Produktbühne mit WebGL-Bildübergängen, Film-Thumbnails und Next-Look-Vorschauen für Stella-, Loria- und Mira-Stücke.
Launch-Film für eine Foto-zu-Cartoon-App, neu zugeordnet zu fixierten, scroll-gesteuerten Abschnitten – tiefschwarzer Hintergrund, pastellfarbene Neon-Schrift, Bilderwand, Spinnrad und Finale-Wortmarke.
Illustrierte 2D-Motion-Graphics-Event-Promo – harte Kamerabewegungen und maskierte Wipes zwischen sieben Beats, Magenta / Hi-Vis Gelb / Mint Palette, Host-Lineup und Live-Stream-CTA.
Animierte Drama-Titelsequenz, neu inszeniert als scroll-gesteuerte Microsite – flache 2D-Charakter-Beats, handgezeichnete Formeln, Besetzungskarten, Episodenliste und Watch-CTA.
Kuratiertes Hypercar-Marktplatz-Listing – fixierte Bühne, die zwischen Orbit-, Bay- und Push-Filmen des Enzo wechselt, dann ein Detailblatt mit Spezifikationen und Kontakt-Verkäufer-CTA.
Schwarze monochrome Newsletter-Landingpage mit Liquid-Glass-UI, Scroll-Wort-Enthüllung, Plattformkarten und HLS-CTA-Video.
Vollbild-dunkle KI-Landingpage mit CloudFront Hero-Video, 220px General Sans Überschrift, Indigo→Lila→Bernstein KI-Verlauf, Liquid-Glass-Navbar & Logo-Marquee und requestAnimationFrame Fade-Loop.
Premium Fintech Stablecoin-Landingpage auf #F5F5F5 mit TT Norms Pro, Hero-Video, Sparkarten, Unterstützer-Marquee und Commerce-Anwendungsfall-Panel.
Logistik-Hero mit Rubik-Typografie, Markenrot #EE3F2C auf Schwarz, Vollbild-CloudFront-Video (ohne Overlay), CTAs mit abgeschnittenen Ecken und Glas-Beratungskarte.
Zweiseitige Scroll-Landingpage mit Cloudinary Video-Hero, Manrope/Italiana/Marck Script Typografie, rotem Wolken-Parallax (#FF0000), S.P.D Signatur und Motion/React Scroll-Transformationen.
Vollbild-schwarzer Hero mit lazy Spline 3D, Orbitron Gradienten-Überschrift, technischen Spezifikationen und Mono-Pill-Badges.
Vollbild-roter Creative Studio Hero mit CloudFront Video, Britanica Statistik-Karten, doppelten Logo-Marken und CSS-only Interaktionen.
Vollbild-Web3-Hero mit General Sans, CloudFront Video und Schwarz/50 Overlay, LOGOIPSUM Navbar, Dropdown-Navigation, geschichteter Glow-Streak Join Waitlist Pill und Gradienten-Überschrift.
Zwei sticky Vollbild-Sektionen mit GSAP Pill BubbleMenu, Maus-Trail SpotlightReveal über React-Player Video, Glas 78% Statistikkarte und Nike Swoosh Branding.
Vollbild-Solar-Hero mit Tag/Nacht-Themenumschalter, Pull-Down-Hintergrundübergang, Blur-Overlays, Outfit-Typografie und mobiler Navigationsschublade.
Liquid-Glass-Kinofilm-Hero mit Instrument Serif, CloudFront Looping-Video-Fades, Newsletter-Erfassung und siebenseitiger, neugiergetriebener Studio-Website.
Grüner SaaS-Hero mit Neue Haas Grotesk Schrift, Canvas-Boomerang-Video-Hintergrund, Pill-Desktop-Navigation, gestaffelter mobiler Schublade und FluxEngine CTA-Block.
Einseitige Sicherheits-Landingpage mit Futura-Typografie, Vollbild-CloudFront-Hero-Videos, Pill-Navbar und Gradienten-CTAs.
Siebenseitige Datensicherheits-SaaS-Mini-Website mit Vollbild-Hero-Video, Pill-Navbar und Schwarz/Weiß Readex Pro Typografie.
Lato-Typografie, CloudFront Hero-Video, Immobilienkarten, Funktionsweise-Panel und Recharts Investment-Analysen. Sieben hash-geroutete Seiten, kein Site-Footer.
Zweispalten-Registrierungs-UI mit CloudFront Hero-Video, Schrittfortschritt, Social Sign-in und Motion/React Formular-Animationen.
Designagentur-Landingpage mit gestapelten WebGPU-Shadern, Live-London-Uhr, Text-Roll-CTAs, Über-Uns-Raster und Video-Fallstudien.
Siebenseitige Biotech-Beratungs-Mini-Website mit Poppins-Typografie, Mux HLS Hero-Karten und Über-Uns/Angebote/Preise/Blog-Routen.
Single-Viewport Agentur-Hero mit Vollbild-CloudFront-Video, Anton-Überschrift, Kundenlogo-Leiste und Anmelden / Einloggen CTAs auf warmem #F5F3EE Canvas.
Single-Viewport Agentur-Hero mit Vollbild-CloudFront-Video, Anton-Überschrift, Kundenlogo-Karten und schwarzen Anmelden / Einloggen CTAs auf warmem Canvas.
Vollbild-dunkle Kinofilm-Landingpage mit Cloudinary Hero-Video, zentrierter Überschrift, Liquid-Glass-Navbar und Premium Blur-Fade-Bewegung. Vite + React + Tailwind.
Siebenseitige Streaming-Mini-Website mit Vollbild-Kinofilm-Hero, CloudFront Video, unterer Hintergrund-Blur-Maske, Liquid-Glass-Chrome und BlurFadeUp-Stagger.
KI-Automatisierungsagentur mit fixiertem Hero-Video, Helvetica Now Typografie, FadeUp-Bewegung, Servicekarten und hash-gerouteten Angebots-, Fall-, Preis-, Team- und Kontaktseiten.
Lila Hotelbuchungs-Hero mit Vollbild-CloudFront-Video (ohne Overlay), Glassmorphism-Ankündigungs-Pill, Instrument Serif kursiv „and“ und Framer Motion mobiler Navigations-Sheet.
Vollbild-CloudFront-Video-Hero mit ShinyText-Verlaufsüberschrift, Navigations-Pill mit grauem Rand und siebenseitiger Bildungs-Mini-Website.
Hero für erneuerbare Energien mit Einzel-Viewport, CloudFront-Video, StaggeredFade-Überschrift, Liquid-Glass-Navbar und Wiedergabesteuerung, grünen Verlaufs-CTAs, Partner-Marquee und +37k Social Proof.
Liquid-Glass-Wellness-Hero über CloudFront-Video, Geist-Typografie, Unendlichkeits-Logo, Wellness-Dropdown-Navigation und Scroll-Abschnitte für Routine und Unser Team.
Marke für Sportschuhe mit GSAP-Pill-Bubble-Menü, Spotlight-Video-Masken und sieben Hash-gerouteten Seiten.
Dunkles Kanit-Portfolio mit magnetischem Hero-Porträt, Scroll-verknüpftem Motionsites-GIF-Marquee, Scroll-Reveal-Über-uns-Text, weißem Service-Band und sticky stapelbaren Projektkarten.
Ganzseitiger CloudFront-Video-Hintergrund, zentrierter Hero-CTA, Discover- und Mission-Scroll-Abschnitte und ein bewegungsanimierter Liquid-Glass-Footer mit Helvetica-Navigation.
Persönlicher Portfolio-Feature-Bereich mit Liquid-Glass-UI, Karriere-Timeline, Kundenreferenz, Marquee-Tool-Icons und CloudFront-Hero-Videos auf dunklem Canvas.
Dunkler Workspace-Hero mit vollem Viewport, dreiteiligem Canvas-Boomerang-Video, Pill-Overlay auf der mittleren Karte und Wartelisten-CTAs.
Landingpage für Luftreiniger mit Canvas-Spotlight-Maske, Parallax-Grid-SVG, Pill-Navbar und mobilem Hamburger-Menü.
Glassmorphism-DeFi-Hero mit Helvetica-Typografie, CloudFront-Video-Hintergrund, fluidem Staking-Badge, Yield-Stats-Karte und Dokumentations-Eckausschnitt.
Glassmorphism-DeFi-Hero mit Helvetica-Typografie, CloudFront-Video-Hintergrund, fluidem Staking-Badge, Yield-Stats-Karte und Dokumentations-Eckausschnitt.
Erweiterte einseitige KI-Landingpage mit tabbed Hero-Overlays auf CloudFront-Video, fadeInUp-Bewegung, Logo-Marquee und Scroll-verknüpfter Navigation (Solutions, For Teams, About, Learn Hub). Vite + React + Tailwind.
Dreiteilige Skincare-Landingpage mit geteiltem Hero-Bild + Video-Slideshow, Bestseller-Karussell mit Wheel-Hijack und vollflächigen Kategorie-Videos.
Inter Geo-Mapping SaaS-Hero mit Product Hunt-Badge, Verlaufs-„Builder“ + gepunktetem Auswahlrahmen, CloudFront-Demo-Video und Hash-Routes für Product, Solutions, Resources, Examples, Pricing und Contact.
Charakterfiguren-Karussell mit vollem Viewport, Anton-Display-Schrift, Grain-Overlay und 650ms rollenbasierten Crossfade-Animationen.
Ganzseitige Datenplattform mit CloudFront-Hero-Video, 250ms rAF FadingVideo, Schibsted/Inter/Noto/Fustat-Typografie, Such- + Badge-Chrome, Features-Nav-Dropdown mit Scroll-Zielen und verdrahteten Platform/Projects/Community/Contact-Abschnitten.
Dunkelviolette Landingpage (#08020e) mit Parallax-Hero-Video, Dashboard-Mock (Chat + Live-Vorschau), Gras-Vordergrund, Liquid-Glass-Navigation, Material Symbols und Framer-Motion-Scroll-Transformationen.
500vh Scroll-Scrubbed Mux HLS-Hero mit Dirtyline ScrollFloat-Typ, Glas-Über-uns-Panel mit 3D-Parallax und Brand-Marquee und GSAP PillNav Liquid-Fill-Navigation.
Heller Security-SaaS-Hero mit warmem Mesh-Verlauf, Framer Motion FadeUp-Eingängen, Inline-Zap/LockKeyhole/Fingerprint-Icons und AnimatePresence Mobile-Nav-Sheet.
Sechs-Abschnitt-Black-Scroll-Landingpage für eine Elektro-Wohnmobil-Marke: Instrument Serif + Inter, Liquid-Glass-CTAs, CloudFront-Hero-/Feature-/CTA-Videos, Mux HLS-Statement-Abschnitt und Fade-Rise-Bewegung.
Vollbild-CloudFront-Video-Hero mit Inter-Typografie, Pill-Navbar, gestaffeltem Mobilmenü und sieben Hash-Routes für Plattform, KI-Verteidigung und Insights.
Dunkle Liquid-Glass-Einzelseiten-Agentur-Landingpage mit CloudFront-Hero-Video, Scroll-Reveal-Über-uns-Text, Motion-GIF-Work-Grid, Cleanshot-Showcase-Parallax und Mux HLS-CTA.
Reise-Hero mit Barlow-, Inter- und Dirtyline-Typografie, CloudFront-Hero-Video, GSAP-Maus-Parallax, Liquid-Glass-Nav-Pill und Secure-Booking-CTA. Vollständiger Vite-Quellcode im ZIP.
Helle Einzelseiten-Landingpage mit abgerundetem CloudFront-Video-Hero, Outfit-Überschrift, svgl-Logo-Marquee, schwebender Glas-Dock-Navigation und Scroll-Abschnitte für Features, Ecosystem, Docs und Contact. Vite + React + Tailwind v4 + motion.