COMPONENTS & UI CRAFT · LIVE PLAYGROUND

UI Craft Library

Koleksi komponen interaktif, shader efek, dan mikro-interaksi siap pakai yang dibangun untuk portofolio ini. Coba langsung animasinya, uji Light/Dark & Fullscreen, lalu salin Usage.tsx, Component.tsx, atau Prompt AI-nya.

4 / 4 komponen
LIVE INTERAKTIF3D CYLINDER
3D & MotionBuka Playground

Circular 3D Product Carousel

Karusel silinder 3D berbasis CSS perspective murni dengan drag/swipe fisika, wheel scrub di area tengah, auto-orbit mulus, serta kartu kaca & SVG art bawaan.

3d-cylindercarouseldrag-swipe
Code + Prompt
LIVE INTERAKTIFWEBGL REFRACTION
NavigasiBuka Playground

Liquid Glass Navbar

Navbar kapsul kaca cair dengan shader air WebGL real-time, efek refraksi SVG feDisplacementMap, animasi spring droplet yang terpecah saat melompat jauh, serta mode laci vertikal.

liquid-glasswebgl-shadernavbar
Code + Prompt