Liquid Showcase 3D
Your work in a liquid 3D ribbon
About this component
Inspired by Jesper Landberg.
About
Liquid Showcase 3D is an endless 3D carousel for Framer, turning website screenshots, images and looping videos into a curved, draggable ribbon. Browser-window frames or plain cards bring projects into focus while liquid waves follow the moving pointer. Drag, swipe or use keys and arrows to explore, then open each project’s link. The ribbon twists and lifts as it gains speed, then settles back into an easy-to-browse gallery.
What you can customize
Make the gallery feel like part of your brand, from its media and framing to its depth and rhythm. Replace images, videos, titles and links across up to 24 items. Choose Browser or Plain styling, light, dark or custom window colors, title typography and a transparent background. Shape the ribbon with Sweep, Arc or Flat layouts; tune depth, tilt, spacing, gloss and floor reflections. Adjust cursor waves, hover lift, glide, speed effects, autoplay and arrow controls. Compact layouts soften the curve, and reduced-motion preferences are respected. Use Framer-hosted media, or external files with CORS enabled.
Great for (examples)
Give your work a more expressive place to be explored:
Agency website and redesign showcases
Designer portfolios and case-study reels
Framer template collections
App interfaces and product screen galleries
Motion design and video-loop collections
Multi-project landing-page heroes
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Pair your project ribbon with another way to present selected work:
