Showcases
Alles läuft live.
16 Demos, alle selbst gebaut, alle direkt im Browser. Klick rein – und sag uns, was davon du für deine Seite willst.
Real-World
Features, die wir so oder ähnlich in Kundenprojekte einbauen: Buchung, Konfigurator, Galerie, Speisekarte.
Im Intro · Real-World · Scroll-Choreografie · 17 Einstiege
Hero-Werkstatt
Siebzehn Hero-Einstiege zum Durchschalten – vom soliden Auftakt bis zum Kino-Einzug.
Im Intro · Real-World · SVG · Höhenlinien · Route
Projekt-Expedition
Dein Projekt als Route über die Karte: vom Kickoff bis zum Gipfel, dem Launch.
Im Intro · Real-World · 3D · Live-Preis
Produkt-Konfigurator
Material, Maße, Farbe wählen – das Sideboard und der Preis ändern sich live.
Im Intro · Real-World · Ein Screen · Mini-Apps
Bento, das aufklappt
Eine komplette Betriebs-Website auf einem Bildschirm: Termine, Öffnungszeiten, Bewertungen.
Im Intro · Real-World · Slider · Speed · Lighthouse
Vorher / Nachher
Alte Seite gegen Relaunch: Design, Ladezeit und Lighthouse-Werte im direkten Vergleich.
Im Intro · Real-World · Canvas · Three.js · Live-Kalkulation
Skizze → Angebot
Grundriss skizzieren, Türen und Fenster setzen – der Raum steht in 3D und das Angebot rechnet mit.
Im Intro · Real-World · Masonry · Filter · Lightbox
Galerie mit Lightbox
Projektgalerie mit Filter, Lightbox und Vorher/Nachher-Vergleich – wie für ein Studio gemacht.
Im Intro · Real-World · Filter · Warenkorb · Bestellung
Digitale Speisekarte
Speisekarte mit Filtern, Warenkorb und Bestellfluss – direkt vom Tisch aus.
Technik & Effekte
Was im Browser möglich ist, wenn man will: Shader, Partikel, 3D – alles ohne Plugins.
WebGL2 · Navier-Stokes
Flüssige Farbe
Echtzeit-Strömungssimulation auf der Grafikkarte. Beweg die Maus – die Farbe folgt.
GLSL · Lichtkrümmung
Schwarzes Loch
Ein Ereignishorizont, der Licht in Echtzeit krümmt – berechnet mit Einsteins Geodäten.
GPU · Transform Feedback
1 Mio. Partikel
Eine Million Teilchen im Strömungsfeld, komplett auf der GPU berechnet.
Metaballs · Raymarching
Liquid Chrome
Flüssiges Metall, das auf deinen Cursor reagiert.
Im Intro · Canvas · Partikel-Morph
Galaxie-Morph
Tausende Sterne formen Worte – und weichen deiner Maus aus.
Canvas · Drift-Physik · KI-Rivale
Drift-Rennspiel
Ein komplettes Rennspiel im Browser: driften, Runden fahren, Bestzeit schlagen.
Im Intro · Three.js · Arcs
3D-Globus
Ein drehbarer Globus mit leuchtenden Verbindungen – von Hamburg in die Welt.
GLSL · Mandelbox · Volumetrik
Raymarched Universe
Ein unendliches Fraktal, das in Echtzeit auf der Grafikkarte entsteht – Scroll zoomt hinein.