Josep de Villaret Pons i Mataró
Framer Premium Template Creator
Meet Reveal, a free interactive before/after slider for Framer
Drag the divider and see what changed, like paper sliding over paper. It's made for renovations, retouching, interiors and product updates.
• CMS ready: connect Before and After to your Collection List and every project gets its own comparison
• Smooth one-frame drag, tap to glide
• Scroll-safe on phones: swipe sideways to compare
• Circle, pill or line handle, horizontal or vertical, up to three pairs
• Keyboy, nodependencies
Try every setting live: https://reveal.framer.wiki
Curve Flow is free for a limited time. Grab it now!
How does it work?
1. Connect your CMS Add a Collection List, connect it to the CMS List property, and you're done. Images automatically become cards with their links and alt text. Filter, sort, or limit your collection — the carousel updates automatically. No code. No manual URLs.
2. Choose how it moves
Drag: Smooth momentum and glide, with trackpad, mouse wheel, and keyboard support.
Scroll: Pin the carousel to the page or let it flow naturally as you scroll.
Drift: A slow, automatic loop that pauses on hover.
3. Customize the look Adjust the curve, flat zone, card size, aspect ratio, visible cards, radius, spacing, and background. Preview the actual curved layout directly on the canvas.
Built for real projects
Supports images and videos (MP4, WebM, MOV).
Fully responsive with touch support.
Respects reduced-motion preferences.
Accessible, with screen-reader support for card links and alt text.
Single file, with no extra dependencies beyond React and Framer.
Bonus: A step-by-step CMS setup guide is included in the project.
Get Curve Flow while it's still free!
Reminder: Curve Flow, a 3d curved carousel is still free!
Try every setting live in the demo playground: https://3dcurvecarrousel.framer.website
Why people use it
• CMS-native. Connect a Collection List and the images and links come from your CMS.
• Three motion modes. Drag, Scroll or Auto Drift.
• One-click open. Cards go straight to their CMS page.
• Tunable. Curve, size, gap, radius and speed, all in the properties panel.
• Accessible. Arrow keys, screen-reader links and reduced motion.
Curve Flow is free for a limited time. Grab it now!
How does it work?
1. Connect your CMS Add a Collection List, connect it to the CMS List property, and you're done. Images automatically become cards with their links and alt text. Filter, sort, or limit your collection — the carousel updates automatically. No code. No manual URLs.
2. Choose how it moves
Drag: Smooth momentum and glide, with trackpad, mouse wheel, and keyboard support.
Scroll: Pin the carousel to the page or let it flow naturally as you scroll.
Drift: A slow, automatic loop that pauses on hover.
3. Customize the look Adjust the curve, flat zone, card size, aspect ratio, visible cards, radius, spacing, and background. Preview the actual curved layout directly on the canvas.
Built for real projects
Supports images and videos (MP4, WebM, MOV).
Fully responsive with touch support.
Respects reduced-motion preferences.
Accessible, with screen-reader support for card links and alt text.
Single file, with no extra dependencies beyond React and Framer.
Bonus: A step-by-step CMS setup guide is included in the project.
Get Curve Flow while it's still free!
Just launched Curve Flow 🌀
A curved, GPU-rendered image carousel for Framer that transforms your images into a smooth, flowing ribbon.
Drag it, control it with page scroll, or let it drift automatically.
The best part? It works with your CMS.
Connect a Collection List, and every image becomes a card with its link and alt text, automatically following your collection's order. No code. No manual URLs.
Key features
Smooth dragging with momentum, wheel, trackpad, and keyboard support.
Scroll mode with sticky or pass-through behavior.
Images and videos in the same ribbon.
Fully responsive and touch-ready.
Respects reduced-motion preferences.
One file, zero extra dependencies beyond React and Framer.
Would love to see what you create with it! 👇
Curve Flow — 3D Carousel for Framer
An interactive 3D carousel that transforms traditional image galleries into immersive visual experiences.
✨ Curved 3D layouts with smooth, natural motion 🎯 Drag, scroll, keyboard and autoplay interactions 🖼️ Image and video support ⚡ Framer CMS integration 📱 Responsive and customizable
Perfect for architecture portfolios, creative agencies, photography and premium websites looking to stand out.
Dropping this component today for free
Creating professional templates is not just about designing them. It is also showing the user how to customize it in an easy and composed way... Getting ready to launch KYO DESIGN this week.
Project Pages completed. What are your thoughts? Would you like some of the components i created? Splash cursor, Text Reveal or Image Parallax? Drop you comments down below.
Meet KYO DESIGN.
A refined interior design experience where architecture, atmosphere, and interaction come together.
KYO is built to feel more than just a website. Explore immersive 3D parallax experiences, a custom brush cursor, interactive project showcases, and subtle motion designed to make every space feel alive.
Discover projects through a dynamic CMS-powered collection, explore the studio’s philosophy, and experience a contact page designed to feel completely different from the ordinary.
Every detail is thoughtfully crafted, while the powerful CMS keeps everything easy to manage, customize, and make your own.
KYO DESIGN is coming soon. Will you experience it?
This is what I'm working on today, a 3d dissasembled house for my KYO DESIGN. What are your thoughts?


