Vitrin
Tasarladığımız markalar ve ürünler. Her biri farklı bir hikaye, farklı bir teknik anlatıyor.
Nova Orbit
Bir uzay teknolojisi girişimi için, scroll ile kare kare açılan bir görev anlatısı.
Next.jsThree.jsFramer Motion
Lumen Atelier
Lüks bir mücevher atölyesi için kinetik tipografi ve reaktif ışık parçacıklarıyla editorial bir deneyim.
Next.jsWebGLKinetik Tipografi
Aether Form
Bir mimari stüdyo için buzlu cam paralaks kartlar ve 3D tilt etkileşimiyle tasarlanmış bir vitrin.
GlassmorphismFramer Motion3D Tilt
Ember & Oak
Butik bir kahve kavurucusu için, scroll ile açılan eğik panel geçişleri ve dokunsal fotoğraf ızgarası.
CSS Scroll TimelineFotoğraf IşgarasıSkew
Wavelength
Bağımsız bir müzik etiketi için, scroll'a bağlı duoton renk geçişleri ve her zaman hareketli ses görselleştirici.
Kinetik TipografiDuotonCSS Animasyon
Stratus
Butik bir otel için sinematik pinned görsel ve scroll-jacked yatay oda galerisi.
Framer MotionYatay ScrollSinematik
Kinetic Thread
Bir sokak modası markası için scroll ile üst üste yığılan, ölçeklenen lookbook kartları.
Sticky ScrollKart YığınıLookbook
Synapse
Bir yapay zeka altyapı platformu için, scroll ile kendini çizen bir sinir ağı ve canlı metrik şeridi.
AI/SaaSVeri GörselleştirmeSVG Animasyon
Nocturne
Akıllı bir aydınlatma markası için, 3D tilt anahtarın hareketiyle açık temadan koyu temaya geçen bir orman deneyimi.
Akıllı EvTema GeçişiMikro-etkileşim
Prism Studio
Bir tasarım stüdyosu portföyü için, imleci takip eden spot ışığı efektiyle öne çıkan proje kartları.
PortföySpotlight EfektiMikro-etkileşim
Canopy
Bir şehircilik/çevre kampanyası için, imleç üzerine gelince derinlik kazanan saf CSS 3D hover tipografisi.
3D Hover TipografiKampanyaCSS
Bibliothèque
Butik bir kitapçı/yayınevi için, kapağın imleçle 3D açıldığı bir dünya klasikleri rafı.
Yayınevi3D HoverCSS Transform
Ignis
Bir AI/otomasyon platformu için, imleç ve dokunuşa tepki veren ham bir WebGL2 fragment shader hero'su.
WebGL2Fragment ShaderAI/SaaS
Latent
Bir nörotech/biyometrik kimlik markası için, scroll ile portrenin 3D parçacık bulutuna dönüşüp dağıldığı bir deneyim.
Three.jsParçacık ShaderScroll
Meridian
Bir objet/ürün markası için, malzemesi ve formu gerçek zamanlı değişen 3D konfigüratör.
React Three Fiber3D KonfigüratörÜrün
Terra
Bir lojistik ağı için, rotaları canlı akan ve tek bir doku indirmeyen etkileşimli 3D küre.
React Three Fiber3D KüreLojistik
Aurora Finance
Bir fintech ürünü için veri görselleştirme ağırlıklı, karanlık temalı bir dashboard deneyimi.
FintechDashboardData Viz
Solace Wellness
Bir wellness markası için sakin, minimal ve dokunsal bir dijital kimlik.
BrandingWellnessMinimal
Grotta
3D wiewing
WebGLDerinlik Haritası3D
Smash
Bir burger zinciri için, kaydırdıkça ürünün katmanlarına ayrılıp her malzemesini adıyla gösteren bir açılış. Başlık iki yana ayrılıyor, kart ekranı kaplıyor, sekiz katman tek hareketle açılıyor.
WebGLScroll DeneyimiÜrün Tanıtımı
Avant
Bir otomobil markası için lansman açılışı. Kaydırdıkça kamera geniş plandan alçalıp yan panele yanaşıyor, turu tamamlayıp geri çekiliyor. Boyanın üstündeki parlama şeritleri kod içinde üretilen bir stüdyo ortam haritasından geliyor.
WebGL3D ModelScroll Deneyimi
Sefer
Sefer iç içe kuyruk yapı
Lithos
İmleci takip eden bir spot ışığının altında ikinci fotoğrafın ortaya çıktığı jeoloji açılışı: aynı volkanik sırt, biri çıplak biri yosun tutmuş hâliyle.
Next.jsCSS MaskFotoğraf
Horizon
Bir hesaplama altyapısı için, videonun yalnızca dev harflerin içinden göründüğü açılış: kaydırdıkça harf aralığı kapanıyor ve maske dağılıyor.
Next.jsGSAPMetin maskesi
Kır
Bitkisel bir bakım markası için, dokuz bileşen kartının üst üste yığıldığı ve kaydırdıkça teker teker soyulduğu açılış.
Next.jsGSAPKart yığını
Merkez
Karma kullanımlı bir kule için, kaydırmanın binayı aşağıdan yukarı çektiği açılış: şehir görüntüsü yalnızca yükselen gövdenin içinde görünüyor.
Next.jsGSAPclip-path
Nokta
Bir mücevher markası için, sahnenin tek bir ışık noktasından açıldığı açılış: kaydırma bir dairenin yarıçapını büyütüyor, video hiç ölçeklenmiyor.
Next.jsGSAPclip-path
Yüksek Kat
Uzaktan çalışanlar için bir inziva evi. Dikey kaydırma yatay harekete çevriliyor; katlar yandan geçerken rakım cetveli doluyor.
Next.jsGSAPYatay kaydırma
Deste
Bir fotoğraf stüdyosu için masaya saçılmış kontak baskılar: her kart tutulup fırlatılabiliyor, bırakılınca yay fiziğiyle yerine oturuyor.
Next.jsFramer MotionSürükle-bırak
Odak
Bir yapım evi için odaklanma ızgarası: bir işin üzerine gelindiğinde diğerleri bulanıklaşıp soluyor.
Next.jsFramer MotionEtkileşim
Duvar
Dört sütunu zıt yönlerde akan, tamamı 3B eğik duran bir arşiv duvarı.
Next.js3D TransformMarquee
Meridyen
Dört navigasyon kalıbı yan yana ve çalışır hâlde: mega menü, tam ekran örtü, kenar çekmecesi ve komut paleti.
Next.jsNavigasyonEtkileşim