I craft Framer components and templates focused on motion and interaction. Built for designers who sweat the details.
One small detail I didn't want to let go unnoticed in STUDIO HRSE: the nav doesn't just show you where you are, it follows you there.
It's the kind of thing most people won't consciously register, but it's exactly the level of care I wanted this template to carry throughout.
Free template, live on @Framer
Link in description.
Even the 404 page in STUDIO HRSE got the full treatment. Move your cursor, watch it react. Free template, live on @framer
Link in the comments
The Labs page in STUDIO HRSE, where the whole grid just... drifts. No two loads look the same. Free template, live on @Framer.
Link in the comments 👇
The Services page in STUDIO HRSE reads more like a manifesto than a list. Numbered, editorial, no stock icons pretending to mean something. Link in the comments 👇
The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇
Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments.
The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on @Framer. Link in the comments 👇
Hover a team member in STUDIO HRSE and the card tells you why they're worth knowing. Small interaction, does a lot of work. Link in the comments 👇
Just published STUDIO HRSE on the @Framer Marketplace. Built it slower than usual, every interaction is intentional, not decorative. It's free. Link in the comments 👇
Here's an idea for the 404 page of a template I'm creating and will be launching soon: an ASCII grid that reacts to your cursor. Even a dead end deserves some craft. Built for @Framer
BulgeLens is here.
Cinematic motion, realistic drag physics, authentic film grain, and fluid optical distortion, all 100% integrable with your @Framer project’s CMS.
Built for creative agencies and premium brands that demand a tactile, immersive, high-end scrolling experience. It’s true Craft with Attitude, ready to set your next launch apart.
Try it out in the live preview and let me know what you think 🤘
I still don't have the right words for this, I can only feel it.
This month, Madrepunk™ won an Awwwards No-Code Honors. My first award, and my first international recognition.
In 2024 I walked out of a job with no plan B and decided to bet on myself, freelance, on my own terms, building the kind of work I actually wanted to make. That's the year Madrepunk started.
It's also when I got serious about @Framer. There was no going back after that. Since then: 25+ projects, some just UI/UX, others full builds from design to code.
I spent that whole time watching designers I admire, studying how they think, training my eye project after project, not talent, just repetition.
Two years in, this feels like proof the direction is right, and I'm already working toward the next one.
To everyone who backed me, believed in this, and voted for my work: thank you. This is as much yours as it is mine.
I'm working on a new component for Framer: a WebGL slider with a bulge effect, a distortion effect on hover, and integration with a CMS.
What do you think?
New template in progress 👀 A studio/agency portfolio.
Still building and sharing progress as it comes together.
Hey Community! 👋
Sharing Button Group Pro, a fully animated, form-ready button selector for Framer, free to remix.
Handles single or multi-select natively, animates with Framer's native Transition control (spring/ease, no code needed), and ships with Grid or Wrap layouts plus independent colors for default/hover/selected states.
Wired straight into Framer Forms, hidden input, custom field name, and required-field validation built in, so it works as a real form field, not just a visual toggle.
Built it after recoding the same select/toggle pattern for one too many client survey forms, figured I'd package it and share it back.
Give it a spin and let me know what you think, happy to help if you get stuck wiring it into a form. 🙌
Madrepunk has been nominated for the Awwwards Honors in the No-Code category, built entirely on @Framer.
This project pushed me to test how far Framer could really go: no shortcuts, just seeing how much I could challenge the platform's limits and still ship something that felt custom.
Thank you to everyone who voted for the Honorable Mention that got us this far. If you have a minute, I'd love your vote: https://www.awwwards.com/sites/madrepunktm-studio#creator
I built Madrepunk™'s own website to prove what's possible in Framer, and it just earned an Honorable Mention on Awwwards. The build leans on a custom carousel preloader, a WebGL slider, and an infinite canvas gallery, all interaction work I normally do for clients, applied to my own studio this time. Awwwards recognition means something because the jury scores design, usability, creativity, and content, not just how it looks. It's a good signal that Framer holds up to that bar past templates.
Look here: https://www.awwwards.com/sites/madrepunktm-studio
It is insane to see how fast my Coppelia template has achieved a very expressive number of impressions as well as remixes in such a short time here in the Community and in the Marketplace. This proves increasingly that good work always brings good results. I am very grateful to all who engage and believe in my work.
Madrepunk™ is an Awwwards Nominee — built entirely in Framer
Just got nominated on Awwwards, and I wanted to share it here first because this community is a big part of why this project exists.
The site pushes Framer pretty hard: — WebGL slider with custom GLSL shaders — Infinite canvas gallery with Three.js chunk loading + LRU cache — Carousel preloader as an entry experience
Everything rendered inside Framer. No hybrid setup, no external renderer.
If you have an Awwwards account and want to throw a vote, I'd genuinely appreciate it: 👉 http://www.awwwards.com/sites/madrepunktm-studio
Happy to answer any questions about how any of it was built.
I craft Framer components and templates focused on motion and interaction. Built for designers who sweat the details.
One small detail I didn't want to let go unnoticed in STUDIO HRSE: the nav doesn't just show you where you are, it follows you there.
It's the kind of thing most people won't consciously register, but it's exactly the level of care I wanted this template to carry throughout.
Free template, live on @Framer
Link in description.
Even the 404 page in STUDIO HRSE got the full treatment. Move your cursor, watch it react. Free template, live on @framer
Link in the comments
The Labs page in STUDIO HRSE, where the whole grid just... drifts. No two loads look the same. Free template, live on @Framer.
Link in the comments 👇
The Services page in STUDIO HRSE reads more like a manifesto than a list. Numbered, editorial, no stock icons pretending to mean something. Link in the comments 👇
The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇
Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments.
The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on @Framer. Link in the comments 👇
Hover a team member in STUDIO HRSE and the card tells you why they're worth knowing. Small interaction, does a lot of work. Link in the comments 👇
Just published STUDIO HRSE on the @Framer Marketplace. Built it slower than usual, every interaction is intentional, not decorative. It's free. Link in the comments 👇
Here's an idea for the 404 page of a template I'm creating and will be launching soon: an ASCII grid that reacts to your cursor. Even a dead end deserves some craft. Built for @Framer
BulgeLens is here.
Cinematic motion, realistic drag physics, authentic film grain, and fluid optical distortion, all 100% integrable with your @Framer project’s CMS.
Built for creative agencies and premium brands that demand a tactile, immersive, high-end scrolling experience. It’s true Craft with Attitude, ready to set your next launch apart.
Try it out in the live preview and let me know what you think 🤘
I still don't have the right words for this, I can only feel it.
This month, Madrepunk™ won an Awwwards No-Code Honors. My first award, and my first international recognition.
In 2024 I walked out of a job with no plan B and decided to bet on myself, freelance, on my own terms, building the kind of work I actually wanted to make. That's the year Madrepunk started.
It's also when I got serious about @Framer. There was no going back after that. Since then: 25+ projects, some just UI/UX, others full builds from design to code.
I spent that whole time watching designers I admire, studying how they think, training my eye project after project, not talent, just repetition.
Two years in, this feels like proof the direction is right, and I'm already working toward the next one.
To everyone who backed me, believed in this, and voted for my work: thank you. This is as much yours as it is mine.
I'm working on a new component for Framer: a WebGL slider with a bulge effect, a distortion effect on hover, and integration with a CMS.
What do you think?
New template in progress 👀 A studio/agency portfolio.
Still building and sharing progress as it comes together.
Hey Community! 👋
Sharing Button Group Pro, a fully animated, form-ready button selector for Framer, free to remix.
Handles single or multi-select natively, animates with Framer's native Transition control (spring/ease, no code needed), and ships with Grid or Wrap layouts plus independent colors for default/hover/selected states.
Wired straight into Framer Forms, hidden input, custom field name, and required-field validation built in, so it works as a real form field, not just a visual toggle.
Built it after recoding the same select/toggle pattern for one too many client survey forms, figured I'd package it and share it back.
Give it a spin and let me know what you think, happy to help if you get stuck wiring it into a form. 🙌
Madrepunk has been nominated for the Awwwards Honors in the No-Code category, built entirely on @Framer.
This project pushed me to test how far Framer could really go: no shortcuts, just seeing how much I could challenge the platform's limits and still ship something that felt custom.
Thank you to everyone who voted for the Honorable Mention that got us this far. If you have a minute, I'd love your vote: https://www.awwwards.com/sites/madrepunktm-studio#creator
I built Madrepunk™'s own website to prove what's possible in Framer, and it just earned an Honorable Mention on Awwwards. The build leans on a custom carousel preloader, a WebGL slider, and an infinite canvas gallery, all interaction work I normally do for clients, applied to my own studio this time. Awwwards recognition means something because the jury scores design, usability, creativity, and content, not just how it looks. It's a good signal that Framer holds up to that bar past templates.
Look here: https://www.awwwards.com/sites/madrepunktm-studio
It is insane to see how fast my Coppelia template has achieved a very expressive number of impressions as well as remixes in such a short time here in the Community and in the Marketplace. This proves increasingly that good work always brings good results. I am very grateful to all who engage and believe in my work.
Madrepunk™ is an Awwwards Nominee — built entirely in Framer
Just got nominated on Awwwards, and I wanted to share it here first because this community is a big part of why this project exists.
The site pushes Framer pretty hard: — WebGL slider with custom GLSL shaders — Infinite canvas gallery with Three.js chunk loading + LRU cache — Carousel preloader as an entry experience
Everything rendered inside Framer. No hybrid setup, no external renderer.
If you have an Awwwards account and want to throw a vote, I'd genuinely appreciate it: 👉 http://www.awwwards.com/sites/madrepunktm-studio
Happy to answer any questions about how any of it was built.
One small detail I didn't want to let go unnoticed in STUDIO HRSE: the nav doesn't just show you where you are, it follows you there.
It's the kind of thing most people won't consciously register, but it's exactly the level of care I wanted this template to carry throughout.
Free template, live on @Framer
Link in description.
Even the 404 page in STUDIO HRSE got the full treatment. Move your cursor, watch it react. Free template, live on @framer
Link in the comments
The Labs page in STUDIO HRSE, where the whole grid just... drifts. No two loads look the same. Free template, live on @Framer.
Link in the comments 👇
The Services page in STUDIO HRSE reads more like a manifesto than a list. Numbered, editorial, no stock icons pretending to mean something. Link in the comments 👇
The Studio page in STUDIO HRSE, founding year, team, awards, all built to move. This is the page that sells the agency before the work does. Link in the comments 👇
Went deeper on the case study layout in STUDIO HRSE, strategy, visuals, and a scroll transition straight into the next project. No dead ends. Link in the comments.
The Cases page in STUDIO HRSE, a grid built to let the work breathe, with a marquee that never lets you forget where you are. Free template, live on @Framer. Link in the comments 👇
Hover a team member in STUDIO HRSE and the card tells you why they're worth knowing. Small interaction, does a lot of work. Link in the comments 👇
Just published STUDIO HRSE on the @Framer Marketplace. Built it slower than usual, every interaction is intentional, not decorative. It's free. Link in the comments 👇
Here's an idea for the 404 page of a template I'm creating and will be launching soon: an ASCII grid that reacts to your cursor. Even a dead end deserves some craft. Built for @Framer
BulgeLens is here.
Cinematic motion, realistic drag physics, authentic film grain, and fluid optical distortion, all 100% integrable with your @Framer project’s CMS.
Built for creative agencies and premium brands that demand a tactile, immersive, high-end scrolling experience. It’s true Craft with Attitude, ready to set your next launch apart.
Try it out in the live preview and let me know what you think 🤘
I still don't have the right words for this, I can only feel it.
This month, Madrepunk™ won an Awwwards No-Code Honors. My first award, and my first international recognition.
In 2024 I walked out of a job with no plan B and decided to bet on myself, freelance, on my own terms, building the kind of work I actually wanted to make. That's the year Madrepunk started.
It's also when I got serious about @Framer. There was no going back after that. Since then: 25+ projects, some just UI/UX, others full builds from design to code.
I spent that whole time watching designers I admire, studying how they think, training my eye project after project, not talent, just repetition.
Two years in, this feels like proof the direction is right, and I'm already working toward the next one.
To everyone who backed me, believed in this, and voted for my work: thank you. This is as much yours as it is mine.
I'm working on a new component for Framer: a WebGL slider with a bulge effect, a distortion effect on hover, and integration with a CMS.
What do you think?
New template in progress 👀 A studio/agency portfolio.
Still building and sharing progress as it comes together.
Hey Community! 👋
Sharing Button Group Pro, a fully animated, form-ready button selector for Framer, free to remix.
Handles single or multi-select natively, animates with Framer's native Transition control (spring/ease, no code needed), and ships with Grid or Wrap layouts plus independent colors for default/hover/selected states.
Wired straight into Framer Forms, hidden input, custom field name, and required-field validation built in, so it works as a real form field, not just a visual toggle.
Built it after recoding the same select/toggle pattern for one too many client survey forms, figured I'd package it and share it back.
Give it a spin and let me know what you think, happy to help if you get stuck wiring it into a form. 🙌
Madrepunk has been nominated for the Awwwards Honors in the No-Code category, built entirely on @Framer.
This project pushed me to test how far Framer could really go: no shortcuts, just seeing how much I could challenge the platform's limits and still ship something that felt custom.
Thank you to everyone who voted for the Honorable Mention that got us this far. If you have a minute, I'd love your vote: https://www.awwwards.com/sites/madrepunktm-studio#creator
I built Madrepunk™'s own website to prove what's possible in Framer, and it just earned an Honorable Mention on Awwwards. The build leans on a custom carousel preloader, a WebGL slider, and an infinite canvas gallery, all interaction work I normally do for clients, applied to my own studio this time. Awwwards recognition means something because the jury scores design, usability, creativity, and content, not just how it looks. It's a good signal that Framer holds up to that bar past templates.
Look here: https://www.awwwards.com/sites/madrepunktm-studio
It is insane to see how fast my Coppelia template has achieved a very expressive number of impressions as well as remixes in such a short time here in the Community and in the Marketplace. This proves increasingly that good work always brings good results. I am very grateful to all who engage and believe in my work.
Madrepunk™ is an Awwwards Nominee — built entirely in Framer
Just got nominated on Awwwards, and I wanted to share it here first because this community is a big part of why this project exists.
The site pushes Framer pretty hard: — WebGL slider with custom GLSL shaders — Infinite canvas gallery with Three.js chunk loading + LRU cache — Carousel preloader as an entry experience
Everything rendered inside Framer. No hybrid setup, no external renderer.
If you have an Awwwards account and want to throw a vote, I'd genuinely appreciate it: 👉 http://www.awwwards.com/sites/madrepunktm-studio
Happy to answer any questions about how any of it was built.
