I craft Framer components and templates focused on motion and interaction — WebGL, cursor physics, kinetic type. Built for designers who sweat the details.
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 created this hero section for a template that I'm doing. I used a component of mine called Kinetic Slider Mask on the carousel.
What do you think? Leave a comment if you want me to send you the component link.
Been obsessing over carousel entrances lately.
Built this: each card wipes open from center on load — GPU-rendered, staggered left to right. Drag fast and the cards warp. Chromatic aberration on speed. Text splits word-by-word on hover.
Took a while to get the physics feeling right. Happy with where it landed.
framer.com/community/marketplace/components/kinetic-slider-mask
I built this infinite lens grid for @Framer. It handles dynamic scaling, parallax, and custom physics transitions based on your cursor.
Thinking about polishing it for the Marketplace. Drop a comment if you'd use this in your projects.
First drop here — Coppelia, a @Framer template built for bands, artists, and anyone who needs their site to feel like a show before the show starts.
Full-bleed photography, editorial pacing, tour dates, discography carousel, merch store. The whole thing.
I'm starting to post here to showcase my studio's website, where I used some components I created in WebGL for Framer.
