About Unwoven Carousel
Add an interactive 3D woven carousel to cards, portfolios, and showcases with realistic thread-tearing shaders, tactile touch flinging, and cinematic drift.
Features
Real-time GLSL ribbon deconstruction shaders
GPU-accelerated WebGL rendering with zero dropped frames
Physics-based inertial drag and kinetic touch flinging
Dynamic viewport tear zones with organic wave flutter
Automated memory budgeting and smart offscreen texture caching
Native prefers-reduced-motion accessibility integration
Seamless infinite cyclical loop with auto-drift motion
Clean fallback mode for static canvas rendering and legacy browsers
Fully responsive ResizeObserver scale and aspect-ratio handling
Direct image upload and custom responsive source support
Customization Options
Autoplay speed and reverse drift direction
Ribbon thread count and mesh vertex detail
Edge unravel tear depth and zone limits
Loose-thread flutter intensity and turbulence
Drag fling limits and deceleration settle duration
Card height, aspect ratio, and dynamic gap spacing
Corner border radius shaping
Initial starting card and pixel offset alignment
Maximum texture cache size and RAM memory limit
Device pixel ratio resolution capping
How to Use
Drop the component directly onto your Framer canvas
Add your image URLs or upload image assets in the properties panel
Adjust card dimensions, aspect ratio, and corner radius to fit your layout
Fine-tune autoplay drift speed and unravel ribbon density
Configure fling inertia and settle duration for desired touch physics
Publish to deliver a high-converting, interactive 3D visual showcase
Use Cases
High-end fashion lookbooks
Creative director and design portfolios
Modern agency client case studies
Premium eCommerce product galleries
Luxury brand hero sections
Photography editorial exhibitions
Dynamic visual storytelling decks
Architectural project showcases
Web3 and digital art drop releases
Engaging interactive landing page headers
