Just made a quick demo of Fullscreen Menu Pro 👀
A full-screen navigation experience built for portfolios, studios, agencies, and creative websites that want the menu to feel like part of the design — not just a utility.
Hover the links. Bring the project imagery to life. Add smooth underline interactions. Give every section its own visual moment.
Clean, immersive, and fully customizable in Framer.
Fullscreen Menu Pro is live on the Framer Marketplace. 🚀
A simple way to turn images, videos, projects, or portfolio content into a more interactive browsing experience.
You can also add inbound and outbound links to you according items.
Smooth expansion. Responsive interactions. Clean transitions. Built for Framer.
This quick demo shows how it feels in use — not just how it looks.
Media Accordion Pro is now available on the Framer Marketplace. 🚀
Built a quick demo showing how I use 3D Hero Builder Pro to turn a simple hero into something much more immersive.
Pick a shape, style it, add motion, and make it yours — without starting from scratch.
I wanted to build a hero component where you don’t start with a fixed animation.
You start with a shape.
Then you decide what that shape becomes.
Introducing 3D Hero Builder Pro for Framer.
Choose from 20 built-in 3D shapes — or upload your own SVG and turn it into real 3D geometry.
Then arrange it with 20 procedural compositions:
Spirals. Helixes. Waves. Arcs. Tunnels. Ribbons. Blooms. Vortexes. Infinity curves.
Or switch to Custom Math and build your own composition using sine, cosine, Gaussian, sinc, Lissajous and other wave functions.
Then add:
• Cursor interaction
• Drag rotation
• Scroll motion
• Materials + reflections
• Camera presets
• Huge headline
• Description
• CTA
And if you want people to experience the component, enable the built-in Playground.
The goal was simple:
Make it easy to create a hero that doesn’t look like everybody else’s hero.
3D Hero Builder Pro.
Built for Framer. Built with Three.js.
I wanted to build a hero component where you don’t start with a fixed animation.
You start with a shape.
Then you decide what that shape becomes.
Introducing 3D Hero Builder Pro for Framer.
Choose from 20 built-in 3D shapes — or upload your own SVG and turn it into real 3D geometry.
Then arrange it with 20 procedural compositions:
Spirals. Helixes. Waves. Arcs. Tunnels. Ribbons. Blooms. Vortexes. Infinity curves.
Or switch to Custom Math and build your own composition using sine, cosine, Gaussian, sinc, Lissajous and other wave functions.
Then add:
• Cursor interaction • Drag rotation • Scroll motion • Materials + reflections • Camera presets • Huge headline • Description • CTA
And if you want people to experience the component, enable the built-in Playground.
The goal was simple:
Make it easy to create a hero that doesn’t look like everybody else’s hero.
3D Hero Builder Pro.
Built for Framer. Built with Three.js.
I may have gone a little too far with this button 😅
Meet Optical Glass Button.
I wanted a glass button where the effect wasn't just blur + transparency.
The top and bottom edges catch moving light. The sides curve into darker optical shading. Hovering lights the glass from within, lifts the button and releases a soft colored glow underneath.
Then I added controls for inner light, inner shadow, edge masking, custom SVG icons, soft highlights, secondary shadows and a tiny playground to experiment with it.
And because I can't stand snappy motion, the whole interaction uses long, buttery-smooth transitions.
Built entirely for Framer.
This is one of the components where I kept adding “one last detail” and somehow every detail made it better.
A little light can change the whole CTA. ✨
Just finished Glow Border Button — a Framer component with a travelling neon border, soft ambient bloom, buttery interaction, and a surprisingly deep set of customization controls.
You can change the glow palette, border, speed, direction, typography, padding, and choose from 20 built-in SVG icons with left, right, top, or bottom positioning.
I also added a small Glow Lab playground so you can experiment with presets, intensity, speed, and direction directly in the preview.
Built to stay simple where it matters: drop it in, resize it like a normal Framer layer, connect your link, and make it yours.
Glow Border Button — $5
Would love to see how you use it. ✨
I wanted an iridescent button that didn't look like another spinning rainbow border.
So I built Iridescent Button (Free).
Hover it and the light slowly wipes from the top-left to the bottom-right of the stroke, pauses, travels back, pauses again and loops.
The animation is masked entirely inside the border, while the icon gets its own subtle iridescent treatment.
You can:
• Change the label
• Choose from 10 icons
• Upload your own SVG
• Adjust the iridescence
• Control animation speed
• Tune the soft shadow
• Add links
• Enable an interactive Playground
Simple at rest. A little bit magical when you interact with it.
Iridescent Button — now available for Framer (Free).
Yesterday I shared how we went from 0 to 30 Framer components in about 3 weeks, with roughly 11K views, 8K+ unique visitors and close to 200 installs.
Someone asked which niches are performing best, so I looked at the numbers more closely.
There isn’t one obvious winning niche yet.
WebX Logo Marquee is currently my strongest performer with 70 installs from 765 unique visitors — roughly a 9% visitor-to-install conversion.
Cursor Spotlight follows with 28 installs from 682 visitors.
Some of the more experimental components are getting strong attention but converting less. That makes me think utility + immediate clarity may matter more than complexity.
I’m also paying less attention to views alone.
The funnel I care about more now is:
visibility → unique visitors → installs
Then there’s ranking.
This is interesting because ranking and installs don’t seem to move together.
Scroll Stack Pro is around #148 with 320 visitors and 4 installs.
Tilt Cards 3D is around #168 with 700+ visitors and only a few installs.
But Logo Marquee, my strongest install performer, is around #1,887.
So I’m not sure optimising directly for rank is the right goal.
My current thinking:
Ranking matters for discovery. Conversion tells me whether that discovery was valuable.
A high-ranking component with low conversion may already have exposure, so the issue could be the use case, cover, demo or component itself.
A lower-ranked component with strong conversion may be more interesting because the people who find it clearly want it.
So instead of chasing rank, I’d rather optimise for:
better component → clearer use case → stronger demo → more qualified visitors → more installs
Still, this is only 3 weeks of data, so I’m definitely not claiming to have figured out the marketplace yet.
For now I’m just building, observing and letting the numbers show me where to focus.
Curious: are your best-ranked components also your best-converting ones?
Navigation can be more than a list of links.
Just finished Fullscreen Menu Pro — a cinematic fullscreen menu for Framer where every main link can reveal its own image, with smooth zoom-to-rest motion, directional underline hovers, social/footer navigation, and a built-in fullscreen reel player.
The trigger can be text, icon, or both, with 5 menu icon styles and left/right positioning. Everything is configurable in Framer and the layout adapts for mobile.
I also built in the boring-but-important parts: keyboard accessibility, Escape-to-close, focus handling, reduced motion, static Canvas safety, and scroll locking.
Would you use this on a portfolio, agency, fashion, or studio site?
A portfolio accordion is nice.
But what if every panel could become a complete little experience?
Introducing Media Accordion Pro.
Add images, uploaded MP4s, YouTube or Vimeo videos and let visitors move fluidly through your projects.
Active videos automatically play and loop. Move to another panel and the previous one pauses.
Then click the active project to open a full project overlay — or send visitors directly to an internal page or external website.
I also added an optional mini Playground so visitors can browse projects, toggle autoplay and motion, and open the project details themselves.
Built for portfolios, agencies, photography, architecture, fashion, products and visual case studies.
Media Accordion Pro — now available for Framer.
A simple portfolio shouldn’t make visitors choose between looking at the work and reading about it.
So I built Split Portfolio Pro.
Your projects live in an interactive editorial list on one side while the selected work takes over the visual panel beside it.
Hover through projects and watch the imagery transition smoothly with parallax, subtle depth and vertical or horizontal reveals.
You can customize the projects, typography, colors, image treatment, motion, layout, autoplay and responsive behavior directly inside Framer.
I also added an optional mini Playground so visitors can switch the layout, change the reveal direction and play with the motion themselves.
Built for designers, agencies, studios, photographers, architects and anyone who wants their portfolio to feel more like an experience than a grid.
Split Portfolio Pro — now for Framer.
What if your portfolio grid didn't have to send visitors somewhere else just to experience the project?
Introducing Expanding Portfolio Gallery ✦
Click a project and watch the card expand from its exact position into a full-screen project experience.
Editorial. Grid. Masonry.
Smooth hover interactions, fullscreen navigation, mobile swipe, project details, links, responsive layouts — and a little Playground so you can experiment with the experience yourself.
Built for portfolios, creative studios, photographers, architects and agencies that want the work to feel as good to explore as it looks.
Made for Framer.
Your portfolio shouldn't feel like a stack of static cards.
Meet Portfolio Accordion Pro ✦
I wanted each project to feel like it was waiting to be discovered — folded quietly into the layout, then smoothly expanding into a full visual story when you interact with it.
Hover. Click. Explore.
Images shift into focus, typography reveals, colours change, subtle parallax kicks in, and every project gets its own moment.
And on mobile? The whole experience automatically transforms into a touch-friendly vertical accordion.
I also added a tiny optional Playground so you can quickly move through projects and switch the interactive FX on and off.
Perfect for portfolios, agencies, studios, case studies, photography, architecture and editorial websites.
Built for Framer.
Portfolio Accordion Pro
What if scrolling down your website could move your portfolio sideways?
Meet Horizontal Scroll Showcase Pro.
A pinned, cinematic project showcase that turns normal vertical scrolling into a smooth horizontal journey through your work.
As each project moves into focus, the surrounding cards scale, fade, rotate and blur while the images respond with subtle parallax and pointer depth.
And because I wanted the experience to be fun before you even customize it, I added a little Playground where you can instantly switch between Cinema, Editorial and Compact layouts, change the depth, or reverse the entire scroll direction.
Desktop gets the full cinematic pinned experience.
Mobile automatically switches to a native swipeable, snapping gallery.
Built for portfolios, studios, agencies, photographers, architects, product showcases and anyone who wants their work to feel less like a grid and more like an experience.
Horizontal Scroll Showcase Pro — now available for Framer.
Some stories deserve more than another stack of sections.
Sticky Media Story Pro turns scrolling into the storytelling experience itself.
Your media stays pinned while every new chapter brings in a fresh visual, headline and story — with smooth Fade, Scale, Slide or Cinematic transitions.
I also added a tiny optional Playground so you can let visitors experiment with the transition style, speed and radius themselves.
Perfect for: Product walkthroughs · Case studies · Agency processes · Portfolios · Editorial stories · Launch pages
Built for Framer. Responsive. Fully customizable. And ridiculously satisfying to scroll through.
Sticky Media Story Pro
Some hero sections introduce your website.
My free WebGL Orb Hero makes people want to play with it. ✦
I wanted to create a hero that feels alive — something that sits somewhere between typography, interaction and digital art.
So I built a real-time WebGL orb with three completely different personalities:
◉ Liquid Chrome ◉ Soft Glass ◉ Electric Plasma
It reacts to your pointer, morphs continuously and can be customized directly inside Framer.
But my favourite part might be the little Playground I added.
Turn it on and visitors can switch materials and experiment with Motion, Distortion and Pointer response themselves.
Turn it off and you have a clean, premium hero ready for an AI startup, creative studio, SaaS product or portfolio.
Responsive. Reduced-motion aware. Static-renderer optimized. Pauses when offscreen. And built to gracefully fall back when WebGL isn't available.
We went from zero to 30 components in about 3weeks.
The analytics is promising too. 11k views, 8k unique visitors and about 180 installs
Still a work in progress but I think it's a good thing to celebrate small wins.
I guess the next work is to double down and listen to the data.
We'll be doing this with templates this month.
Starting with 3 premium experience templates.
What better way to keep visitors hooked to your website by mesmerising them with this beautiful component — Layered Headline Pro — just the way I’m totally mesmerized by it!
This one is all about creating depth between bold typography and imagery.
Your headline automatically breaks into balanced phrase layers while image cards move behind, between, and above the words, creating that editorial, poster-style composition that constantly feels alive.
And because no two layouts have to feel the same, you can switch between Sides, Around, Layered, and Full Canvas, adjust the card size and spread, shuffle the composition, or turn on Auto Loop and watch it keep generating fresh arrangements.
I even added a Playground so visitors can interact with the experience themselves.
Bold type. Layered images. Randomized compositions. Beautiful motion.
Layered Headline Pro — cards weave through layered type.
Built for Framer. ✦
I wanted a gallery that doesn’t just sit there while you scroll.
Meet Opposite Gallery.
Two rows of media moving against each other, with the motion reacting to how fast you scroll.
Scroll slowly and it glides.
Scroll harder and the whole composition picks up energy.
You can control the speed, direction, scroll response, momentum, spacing, card proportions, radius, labels and media directly in Framer.
I also added a small optional Playground so you can quickly experiment with the interaction before dialing in your final setup.
Works beautifully for:
Portfolios Photography Campaigns Creative studios Editorial layouts Product showcases
Images, GIFs and videos are all supported.
Opposite Gallery — now available for Framer.
Just made a quick demo of Fullscreen Menu Pro 👀
A full-screen navigation experience built for portfolios, studios, agencies, and creative websites that want the menu to feel like part of the design — not just a utility.
Hover the links. Bring the project imagery to life. Add smooth underline interactions. Give every section its own visual moment.
Clean, immersive, and fully customizable in Framer.
Fullscreen Menu Pro is live on the Framer Marketplace. 🚀
A simple way to turn images, videos, projects, or portfolio content into a more interactive browsing experience.
You can also add inbound and outbound links to you according items.
Smooth expansion. Responsive interactions. Clean transitions. Built for Framer.
This quick demo shows how it feels in use — not just how it looks.
Media Accordion Pro is now available on the Framer Marketplace. 🚀
Built a quick demo showing how I use 3D Hero Builder Pro to turn a simple hero into something much more immersive.
Pick a shape, style it, add motion, and make it yours — without starting from scratch.
I wanted to build a hero component where you don’t start with a fixed animation.
You start with a shape.
Then you decide what that shape becomes.
Introducing 3D Hero Builder Pro for Framer.
Choose from 20 built-in 3D shapes — or upload your own SVG and turn it into real 3D geometry.
Then arrange it with 20 procedural compositions:
Spirals. Helixes. Waves. Arcs. Tunnels. Ribbons. Blooms. Vortexes. Infinity curves.
Or switch to Custom Math and build your own composition using sine, cosine, Gaussian, sinc, Lissajous and other wave functions.
Then add:
• Cursor interaction
• Drag rotation
• Scroll motion
• Materials + reflections
• Camera presets
• Huge headline
• Description
• CTA
And if you want people to experience the component, enable the built-in Playground.
The goal was simple:
Make it easy to create a hero that doesn’t look like everybody else’s hero.
3D Hero Builder Pro.
Built for Framer. Built with Three.js.
I wanted to build a hero component where you don’t start with a fixed animation.
You start with a shape.
Then you decide what that shape becomes.
Introducing 3D Hero Builder Pro for Framer.
Choose from 20 built-in 3D shapes — or upload your own SVG and turn it into real 3D geometry.
Then arrange it with 20 procedural compositions:
Spirals. Helixes. Waves. Arcs. Tunnels. Ribbons. Blooms. Vortexes. Infinity curves.
Or switch to Custom Math and build your own composition using sine, cosine, Gaussian, sinc, Lissajous and other wave functions.
Then add:
• Cursor interaction • Drag rotation • Scroll motion • Materials + reflections • Camera presets • Huge headline • Description • CTA
And if you want people to experience the component, enable the built-in Playground.
The goal was simple:
Make it easy to create a hero that doesn’t look like everybody else’s hero.
3D Hero Builder Pro.
Built for Framer. Built with Three.js.
I may have gone a little too far with this button 😅
Meet Optical Glass Button.
I wanted a glass button where the effect wasn't just blur + transparency.
The top and bottom edges catch moving light. The sides curve into darker optical shading. Hovering lights the glass from within, lifts the button and releases a soft colored glow underneath.
Then I added controls for inner light, inner shadow, edge masking, custom SVG icons, soft highlights, secondary shadows and a tiny playground to experiment with it.
And because I can't stand snappy motion, the whole interaction uses long, buttery-smooth transitions.
Built entirely for Framer.
This is one of the components where I kept adding “one last detail” and somehow every detail made it better.
A little light can change the whole CTA. ✨
Just finished Glow Border Button — a Framer component with a travelling neon border, soft ambient bloom, buttery interaction, and a surprisingly deep set of customization controls.
You can change the glow palette, border, speed, direction, typography, padding, and choose from 20 built-in SVG icons with left, right, top, or bottom positioning.
I also added a small Glow Lab playground so you can experiment with presets, intensity, speed, and direction directly in the preview.
Built to stay simple where it matters: drop it in, resize it like a normal Framer layer, connect your link, and make it yours.
Glow Border Button — $5
Would love to see how you use it. ✨
I wanted an iridescent button that didn't look like another spinning rainbow border.
So I built Iridescent Button (Free).
Hover it and the light slowly wipes from the top-left to the bottom-right of the stroke, pauses, travels back, pauses again and loops.
The animation is masked entirely inside the border, while the icon gets its own subtle iridescent treatment.
You can:
• Change the label
• Choose from 10 icons
• Upload your own SVG
• Adjust the iridescence
• Control animation speed
• Tune the soft shadow
• Add links
• Enable an interactive Playground
Simple at rest. A little bit magical when you interact with it.
Iridescent Button — now available for Framer (Free).
Yesterday I shared how we went from 0 to 30 Framer components in about 3 weeks, with roughly 11K views, 8K+ unique visitors and close to 200 installs.
Someone asked which niches are performing best, so I looked at the numbers more closely.
There isn’t one obvious winning niche yet.
WebX Logo Marquee is currently my strongest performer with 70 installs from 765 unique visitors — roughly a 9% visitor-to-install conversion.
Cursor Spotlight follows with 28 installs from 682 visitors.
Some of the more experimental components are getting strong attention but converting less. That makes me think utility + immediate clarity may matter more than complexity.
I’m also paying less attention to views alone.
The funnel I care about more now is:
visibility → unique visitors → installs
Then there’s ranking.
This is interesting because ranking and installs don’t seem to move together.
Scroll Stack Pro is around #148 with 320 visitors and 4 installs.
Tilt Cards 3D is around #168 with 700+ visitors and only a few installs.
But Logo Marquee, my strongest install performer, is around #1,887.
So I’m not sure optimising directly for rank is the right goal.
My current thinking:
Ranking matters for discovery. Conversion tells me whether that discovery was valuable.
A high-ranking component with low conversion may already have exposure, so the issue could be the use case, cover, demo or component itself.
A lower-ranked component with strong conversion may be more interesting because the people who find it clearly want it.
So instead of chasing rank, I’d rather optimise for:
better component → clearer use case → stronger demo → more qualified visitors → more installs
Still, this is only 3 weeks of data, so I’m definitely not claiming to have figured out the marketplace yet.
For now I’m just building, observing and letting the numbers show me where to focus.
Curious: are your best-ranked components also your best-converting ones?
Navigation can be more than a list of links.
Just finished Fullscreen Menu Pro — a cinematic fullscreen menu for Framer where every main link can reveal its own image, with smooth zoom-to-rest motion, directional underline hovers, social/footer navigation, and a built-in fullscreen reel player.
The trigger can be text, icon, or both, with 5 menu icon styles and left/right positioning. Everything is configurable in Framer and the layout adapts for mobile.
I also built in the boring-but-important parts: keyboard accessibility, Escape-to-close, focus handling, reduced motion, static Canvas safety, and scroll locking.
Would you use this on a portfolio, agency, fashion, or studio site?
A portfolio accordion is nice.
But what if every panel could become a complete little experience?
Introducing Media Accordion Pro.
Add images, uploaded MP4s, YouTube or Vimeo videos and let visitors move fluidly through your projects.
Active videos automatically play and loop. Move to another panel and the previous one pauses.
Then click the active project to open a full project overlay — or send visitors directly to an internal page or external website.
I also added an optional mini Playground so visitors can browse projects, toggle autoplay and motion, and open the project details themselves.
Built for portfolios, agencies, photography, architecture, fashion, products and visual case studies.
Media Accordion Pro — now available for Framer.
A simple portfolio shouldn’t make visitors choose between looking at the work and reading about it.
So I built Split Portfolio Pro.
Your projects live in an interactive editorial list on one side while the selected work takes over the visual panel beside it.
Hover through projects and watch the imagery transition smoothly with parallax, subtle depth and vertical or horizontal reveals.
You can customize the projects, typography, colors, image treatment, motion, layout, autoplay and responsive behavior directly inside Framer.
I also added an optional mini Playground so visitors can switch the layout, change the reveal direction and play with the motion themselves.
Built for designers, agencies, studios, photographers, architects and anyone who wants their portfolio to feel more like an experience than a grid.
Split Portfolio Pro — now for Framer.
What if your portfolio grid didn't have to send visitors somewhere else just to experience the project?
Introducing Expanding Portfolio Gallery ✦
Click a project and watch the card expand from its exact position into a full-screen project experience.
Editorial. Grid. Masonry.
Smooth hover interactions, fullscreen navigation, mobile swipe, project details, links, responsive layouts — and a little Playground so you can experiment with the experience yourself.
Built for portfolios, creative studios, photographers, architects and agencies that want the work to feel as good to explore as it looks.
Made for Framer.
Your portfolio shouldn't feel like a stack of static cards.
Meet Portfolio Accordion Pro ✦
I wanted each project to feel like it was waiting to be discovered — folded quietly into the layout, then smoothly expanding into a full visual story when you interact with it.
Hover. Click. Explore.
Images shift into focus, typography reveals, colours change, subtle parallax kicks in, and every project gets its own moment.
And on mobile? The whole experience automatically transforms into a touch-friendly vertical accordion.
I also added a tiny optional Playground so you can quickly move through projects and switch the interactive FX on and off.
Perfect for portfolios, agencies, studios, case studies, photography, architecture and editorial websites.
Built for Framer.
Portfolio Accordion Pro
What if scrolling down your website could move your portfolio sideways?
Meet Horizontal Scroll Showcase Pro.
A pinned, cinematic project showcase that turns normal vertical scrolling into a smooth horizontal journey through your work.
As each project moves into focus, the surrounding cards scale, fade, rotate and blur while the images respond with subtle parallax and pointer depth.
And because I wanted the experience to be fun before you even customize it, I added a little Playground where you can instantly switch between Cinema, Editorial and Compact layouts, change the depth, or reverse the entire scroll direction.
Desktop gets the full cinematic pinned experience.
Mobile automatically switches to a native swipeable, snapping gallery.
Built for portfolios, studios, agencies, photographers, architects, product showcases and anyone who wants their work to feel less like a grid and more like an experience.
Horizontal Scroll Showcase Pro — now available for Framer.
Some stories deserve more than another stack of sections.
Sticky Media Story Pro turns scrolling into the storytelling experience itself.
Your media stays pinned while every new chapter brings in a fresh visual, headline and story — with smooth Fade, Scale, Slide or Cinematic transitions.
I also added a tiny optional Playground so you can let visitors experiment with the transition style, speed and radius themselves.
Perfect for: Product walkthroughs · Case studies · Agency processes · Portfolios · Editorial stories · Launch pages
Built for Framer. Responsive. Fully customizable. And ridiculously satisfying to scroll through.
Sticky Media Story Pro
Some hero sections introduce your website.
My free WebGL Orb Hero makes people want to play with it. ✦
I wanted to create a hero that feels alive — something that sits somewhere between typography, interaction and digital art.
So I built a real-time WebGL orb with three completely different personalities:
◉ Liquid Chrome ◉ Soft Glass ◉ Electric Plasma
It reacts to your pointer, morphs continuously and can be customized directly inside Framer.
But my favourite part might be the little Playground I added.
Turn it on and visitors can switch materials and experiment with Motion, Distortion and Pointer response themselves.
Turn it off and you have a clean, premium hero ready for an AI startup, creative studio, SaaS product or portfolio.
Responsive. Reduced-motion aware. Static-renderer optimized. Pauses when offscreen. And built to gracefully fall back when WebGL isn't available.
We went from zero to 30 components in about 3weeks.
The analytics is promising too. 11k views, 8k unique visitors and about 180 installs
Still a work in progress but I think it's a good thing to celebrate small wins.
I guess the next work is to double down and listen to the data.
We'll be doing this with templates this month.
Starting with 3 premium experience templates.
What better way to keep visitors hooked to your website by mesmerising them with this beautiful component — Layered Headline Pro — just the way I’m totally mesmerized by it!
This one is all about creating depth between bold typography and imagery.
Your headline automatically breaks into balanced phrase layers while image cards move behind, between, and above the words, creating that editorial, poster-style composition that constantly feels alive.
And because no two layouts have to feel the same, you can switch between Sides, Around, Layered, and Full Canvas, adjust the card size and spread, shuffle the composition, or turn on Auto Loop and watch it keep generating fresh arrangements.
I even added a Playground so visitors can interact with the experience themselves.
Bold type. Layered images. Randomized compositions. Beautiful motion.
Layered Headline Pro — cards weave through layered type.
Built for Framer. ✦
I wanted a gallery that doesn’t just sit there while you scroll.
Meet Opposite Gallery.
Two rows of media moving against each other, with the motion reacting to how fast you scroll.
Scroll slowly and it glides.
Scroll harder and the whole composition picks up energy.
You can control the speed, direction, scroll response, momentum, spacing, card proportions, radius, labels and media directly in Framer.
I also added a small optional Playground so you can quickly experiment with the interaction before dialing in your final setup.
Works beautifully for:
Portfolios Photography Campaigns Creative studios Editorial layouts Product showcases
Images, GIFs and videos are all supported.
Opposite Gallery — now available for Framer.
Just made a quick demo of Fullscreen Menu Pro 👀
A full-screen navigation experience built for portfolios, studios, agencies, and creative websites that want the menu to feel like part of the design — not just a utility.
Hover the links. Bring the project imagery to life. Add smooth underline interactions. Give every section its own visual moment.
Clean, immersive, and fully customizable in Framer.
Fullscreen Menu Pro is live on the Framer Marketplace. 🚀
A simple way to turn images, videos, projects, or portfolio content into a more interactive browsing experience.
You can also add inbound and outbound links to you according items.
Smooth expansion. Responsive interactions. Clean transitions. Built for Framer.
This quick demo shows how it feels in use — not just how it looks.
Media Accordion Pro is now available on the Framer Marketplace. 🚀
Built a quick demo showing how I use 3D Hero Builder Pro to turn a simple hero into something much more immersive.
Pick a shape, style it, add motion, and make it yours — without starting from scratch.
I wanted to build a hero component where you don’t start with a fixed animation.
You start with a shape.
Then you decide what that shape becomes.
Introducing 3D Hero Builder Pro for Framer.
Choose from 20 built-in 3D shapes — or upload your own SVG and turn it into real 3D geometry.
Then arrange it with 20 procedural compositions:
Spirals. Helixes. Waves. Arcs. Tunnels. Ribbons. Blooms. Vortexes. Infinity curves.
Or switch to Custom Math and build your own composition using sine, cosine, Gaussian, sinc, Lissajous and other wave functions.
Then add:
• Cursor interaction
• Drag rotation
• Scroll motion
• Materials + reflections
• Camera presets
• Huge headline
• Description
• CTA
And if you want people to experience the component, enable the built-in Playground.
The goal was simple:
Make it easy to create a hero that doesn’t look like everybody else’s hero.
3D Hero Builder Pro.
Built for Framer. Built with Three.js.
I wanted to build a hero component where you don’t start with a fixed animation.
You start with a shape.
Then you decide what that shape becomes.
Introducing 3D Hero Builder Pro for Framer.
Choose from 20 built-in 3D shapes — or upload your own SVG and turn it into real 3D geometry.
Then arrange it with 20 procedural compositions:
Spirals. Helixes. Waves. Arcs. Tunnels. Ribbons. Blooms. Vortexes. Infinity curves.
Or switch to Custom Math and build your own composition using sine, cosine, Gaussian, sinc, Lissajous and other wave functions.
Then add:
• Cursor interaction • Drag rotation • Scroll motion • Materials + reflections • Camera presets • Huge headline • Description • CTA
And if you want people to experience the component, enable the built-in Playground.
The goal was simple:
Make it easy to create a hero that doesn’t look like everybody else’s hero.
3D Hero Builder Pro.
Built for Framer. Built with Three.js.
I may have gone a little too far with this button 😅
Meet Optical Glass Button.
I wanted a glass button where the effect wasn't just blur + transparency.
The top and bottom edges catch moving light. The sides curve into darker optical shading. Hovering lights the glass from within, lifts the button and releases a soft colored glow underneath.
Then I added controls for inner light, inner shadow, edge masking, custom SVG icons, soft highlights, secondary shadows and a tiny playground to experiment with it.
And because I can't stand snappy motion, the whole interaction uses long, buttery-smooth transitions.
Built entirely for Framer.
This is one of the components where I kept adding “one last detail” and somehow every detail made it better.
A little light can change the whole CTA. ✨
Just finished Glow Border Button — a Framer component with a travelling neon border, soft ambient bloom, buttery interaction, and a surprisingly deep set of customization controls.
You can change the glow palette, border, speed, direction, typography, padding, and choose from 20 built-in SVG icons with left, right, top, or bottom positioning.
I also added a small Glow Lab playground so you can experiment with presets, intensity, speed, and direction directly in the preview.
Built to stay simple where it matters: drop it in, resize it like a normal Framer layer, connect your link, and make it yours.
Glow Border Button — $5
Would love to see how you use it. ✨
I wanted an iridescent button that didn't look like another spinning rainbow border.
So I built Iridescent Button (Free).
Hover it and the light slowly wipes from the top-left to the bottom-right of the stroke, pauses, travels back, pauses again and loops.
The animation is masked entirely inside the border, while the icon gets its own subtle iridescent treatment.
You can:
• Change the label
• Choose from 10 icons
• Upload your own SVG
• Adjust the iridescence
• Control animation speed
• Tune the soft shadow
• Add links
• Enable an interactive Playground
Simple at rest. A little bit magical when you interact with it.
Iridescent Button — now available for Framer (Free).
Yesterday I shared how we went from 0 to 30 Framer components in about 3 weeks, with roughly 11K views, 8K+ unique visitors and close to 200 installs.
Someone asked which niches are performing best, so I looked at the numbers more closely.
There isn’t one obvious winning niche yet.
WebX Logo Marquee is currently my strongest performer with 70 installs from 765 unique visitors — roughly a 9% visitor-to-install conversion.
Cursor Spotlight follows with 28 installs from 682 visitors.
Some of the more experimental components are getting strong attention but converting less. That makes me think utility + immediate clarity may matter more than complexity.
I’m also paying less attention to views alone.
The funnel I care about more now is:
visibility → unique visitors → installs
Then there’s ranking.
This is interesting because ranking and installs don’t seem to move together.
Scroll Stack Pro is around #148 with 320 visitors and 4 installs.
Tilt Cards 3D is around #168 with 700+ visitors and only a few installs.
But Logo Marquee, my strongest install performer, is around #1,887.
So I’m not sure optimising directly for rank is the right goal.
My current thinking:
Ranking matters for discovery. Conversion tells me whether that discovery was valuable.
A high-ranking component with low conversion may already have exposure, so the issue could be the use case, cover, demo or component itself.
A lower-ranked component with strong conversion may be more interesting because the people who find it clearly want it.
So instead of chasing rank, I’d rather optimise for:
better component → clearer use case → stronger demo → more qualified visitors → more installs
Still, this is only 3 weeks of data, so I’m definitely not claiming to have figured out the marketplace yet.
For now I’m just building, observing and letting the numbers show me where to focus.
Curious: are your best-ranked components also your best-converting ones?
Navigation can be more than a list of links.
Just finished Fullscreen Menu Pro — a cinematic fullscreen menu for Framer where every main link can reveal its own image, with smooth zoom-to-rest motion, directional underline hovers, social/footer navigation, and a built-in fullscreen reel player.
The trigger can be text, icon, or both, with 5 menu icon styles and left/right positioning. Everything is configurable in Framer and the layout adapts for mobile.
I also built in the boring-but-important parts: keyboard accessibility, Escape-to-close, focus handling, reduced motion, static Canvas safety, and scroll locking.
Would you use this on a portfolio, agency, fashion, or studio site?
A portfolio accordion is nice.
But what if every panel could become a complete little experience?
Introducing Media Accordion Pro.
Add images, uploaded MP4s, YouTube or Vimeo videos and let visitors move fluidly through your projects.
Active videos automatically play and loop. Move to another panel and the previous one pauses.
Then click the active project to open a full project overlay — or send visitors directly to an internal page or external website.
I also added an optional mini Playground so visitors can browse projects, toggle autoplay and motion, and open the project details themselves.
Built for portfolios, agencies, photography, architecture, fashion, products and visual case studies.
Media Accordion Pro — now available for Framer.
A simple portfolio shouldn’t make visitors choose between looking at the work and reading about it.
So I built Split Portfolio Pro.
Your projects live in an interactive editorial list on one side while the selected work takes over the visual panel beside it.
Hover through projects and watch the imagery transition smoothly with parallax, subtle depth and vertical or horizontal reveals.
You can customize the projects, typography, colors, image treatment, motion, layout, autoplay and responsive behavior directly inside Framer.
I also added an optional mini Playground so visitors can switch the layout, change the reveal direction and play with the motion themselves.
Built for designers, agencies, studios, photographers, architects and anyone who wants their portfolio to feel more like an experience than a grid.
Split Portfolio Pro — now for Framer.
What if your portfolio grid didn't have to send visitors somewhere else just to experience the project?
Introducing Expanding Portfolio Gallery ✦
Click a project and watch the card expand from its exact position into a full-screen project experience.
Editorial. Grid. Masonry.
Smooth hover interactions, fullscreen navigation, mobile swipe, project details, links, responsive layouts — and a little Playground so you can experiment with the experience yourself.
Built for portfolios, creative studios, photographers, architects and agencies that want the work to feel as good to explore as it looks.
Made for Framer.
Your portfolio shouldn't feel like a stack of static cards.
Meet Portfolio Accordion Pro ✦
I wanted each project to feel like it was waiting to be discovered — folded quietly into the layout, then smoothly expanding into a full visual story when you interact with it.
Hover. Click. Explore.
Images shift into focus, typography reveals, colours change, subtle parallax kicks in, and every project gets its own moment.
And on mobile? The whole experience automatically transforms into a touch-friendly vertical accordion.
I also added a tiny optional Playground so you can quickly move through projects and switch the interactive FX on and off.
Perfect for portfolios, agencies, studios, case studies, photography, architecture and editorial websites.
Built for Framer.
Portfolio Accordion Pro
What if scrolling down your website could move your portfolio sideways?
Meet Horizontal Scroll Showcase Pro.
A pinned, cinematic project showcase that turns normal vertical scrolling into a smooth horizontal journey through your work.
As each project moves into focus, the surrounding cards scale, fade, rotate and blur while the images respond with subtle parallax and pointer depth.
And because I wanted the experience to be fun before you even customize it, I added a little Playground where you can instantly switch between Cinema, Editorial and Compact layouts, change the depth, or reverse the entire scroll direction.
Desktop gets the full cinematic pinned experience.
Mobile automatically switches to a native swipeable, snapping gallery.
Built for portfolios, studios, agencies, photographers, architects, product showcases and anyone who wants their work to feel less like a grid and more like an experience.
Horizontal Scroll Showcase Pro — now available for Framer.
Some stories deserve more than another stack of sections.
Sticky Media Story Pro turns scrolling into the storytelling experience itself.
Your media stays pinned while every new chapter brings in a fresh visual, headline and story — with smooth Fade, Scale, Slide or Cinematic transitions.
I also added a tiny optional Playground so you can let visitors experiment with the transition style, speed and radius themselves.
Perfect for: Product walkthroughs · Case studies · Agency processes · Portfolios · Editorial stories · Launch pages
Built for Framer. Responsive. Fully customizable. And ridiculously satisfying to scroll through.
Sticky Media Story Pro
Some hero sections introduce your website.
My free WebGL Orb Hero makes people want to play with it. ✦
I wanted to create a hero that feels alive — something that sits somewhere between typography, interaction and digital art.
So I built a real-time WebGL orb with three completely different personalities:
◉ Liquid Chrome ◉ Soft Glass ◉ Electric Plasma
It reacts to your pointer, morphs continuously and can be customized directly inside Framer.
But my favourite part might be the little Playground I added.
Turn it on and visitors can switch materials and experiment with Motion, Distortion and Pointer response themselves.
Turn it off and you have a clean, premium hero ready for an AI startup, creative studio, SaaS product or portfolio.
Responsive. Reduced-motion aware. Static-renderer optimized. Pauses when offscreen. And built to gracefully fall back when WebGL isn't available.
We went from zero to 30 components in about 3weeks.
The analytics is promising too. 11k views, 8k unique visitors and about 180 installs
Still a work in progress but I think it's a good thing to celebrate small wins.
I guess the next work is to double down and listen to the data.
We'll be doing this with templates this month.
Starting with 3 premium experience templates.
What better way to keep visitors hooked to your website by mesmerising them with this beautiful component — Layered Headline Pro — just the way I’m totally mesmerized by it!
This one is all about creating depth between bold typography and imagery.
Your headline automatically breaks into balanced phrase layers while image cards move behind, between, and above the words, creating that editorial, poster-style composition that constantly feels alive.
And because no two layouts have to feel the same, you can switch between Sides, Around, Layered, and Full Canvas, adjust the card size and spread, shuffle the composition, or turn on Auto Loop and watch it keep generating fresh arrangements.
I even added a Playground so visitors can interact with the experience themselves.
Bold type. Layered images. Randomized compositions. Beautiful motion.
Layered Headline Pro — cards weave through layered type.
Built for Framer. ✦
I wanted a gallery that doesn’t just sit there while you scroll.
Meet Opposite Gallery.
Two rows of media moving against each other, with the motion reacting to how fast you scroll.
Scroll slowly and it glides.
Scroll harder and the whole composition picks up energy.
You can control the speed, direction, scroll response, momentum, spacing, card proportions, radius, labels and media directly in Framer.
I also added a small optional Playground so you can quickly experiment with the interaction before dialing in your final setup.
Works beautifully for:
Portfolios Photography Campaigns Creative studios Editorial layouts Product showcases
Images, GIFs and videos are all supported.
Opposite Gallery — now available for Framer.
