Matheus Brandão
I create digital products with style and purpose.
Ready for work
Matheus is ready for their next project!
I had a band concept when I was younger. The name was Coppelia.
It never went anywhere — but I always knew what the site should feel like.
This week I finally built it. Used SVG Mask to animate the band name into view, and Framer (https://www.linkedin.com/company/framer/) Liquid Grid FX as the hero background — cursor-reactive WebGL distortion that makes the whole section feel alive.
Two components. One interaction layer. The kind of hero that makes you forget to scroll.
Get it here:
https://www.framer.com/marketplace/components/liquid-grid-fx/
3
2
45
There's a type of component that takes weeks longer than it should — not because it's broken, but because you refuse to ship it until it feels right.
That's where I am with this testimonial component for Framer.
Not ready to show everything yet. But it's close.
2
51
Pitch Pro started as the template I built for Madrepunk™ to pitch our own clients.
The problem was simple: a PDF gets buried. A link doesn't.
Pitch Pro is a fully interactive, scroll-driven proposal built in Framer. 8 sections structured around a persuasion arc — context, credibility, scope, value, and a frictionless ask. Responsive, fast-loading, editable without code.
From purchase to first published proposal, most studios are live in under a day. This is the exact template we send to clients — and what gets signed.
Get it here: 👉 framer.com/marketplace/templates/pitch-pro/
6
3
116
Working on a new Framer template and the Services section was the part I refused to leave static.
Three cards, each with Kinetic Media Trail reacting to cursor velocity. Move between them and the images swap as if the whole section shares a single interaction layer — not three separate components.
The kind of detail that makes a template feel bespoke.
2
4
113
I built a currency exchange section — think Wise — and added Gravity Trail to it.
The cursor leaves a trail of country flag emojis falling with real physics. 🇧🇷🇺🇸🇪🇺🇯🇵
You drop it in Framer, set your assets (emoji, logo, PNG, anything), configure spawn density and fall speed from the properties panel — done.
No code. No friction. Just a detail that makes the section feel alive.
👉 framer.com/marketplace/components/gravity-trail/ (https://framer.com/marketplace/components/gravity-trail/)
14
17
433
Working on a fashion e-commerce hero section in Framer — the kind that needs to feel premium before the user even reads a word.
Kinetic Slider Mask was the right call. Each card enters with a GPU-rendered mask reveal staggered left to right. Drag fast and the cards warp with jelly physics and chromatic aberration. Drag slow and it feels considered.
The split-text hover animates titles word by word. Horizontal and vertical layouts, mobile-optimized, zero code.
This is the slider gap between a template and a bespoke build.
Try it: https://kineticslidermask.framer.website/playground
(https://kineticslidermask.framer.website/playground)👉 https://www.framer.com/marketplace/components/kinetic-slider-mask/
2
130
I just released Kinetic Slider Mask, a WebGL slider for Framer with a mask-reveal entrance animation.
Check it out:
https://www.framer.com/marketplace/components/kinetic-slider-mask/
2
2
196
A new component in the Kinetic Slider component family is currently under development.
I can't wait to release it!
2
154
My studio’s website, Madrepunk™, is now live. Simple, straightforward, and high-impact.
The biggest challenge was coming up with a disruptive way to present the portfolio. It took a week of studying and testing different entrance animation techniques to create the WebGL component in Framer. It was exhausting, but rewarding.
We’re still developing it; in the future, we’ll have more pages like Labs, and we also plan to bring our Framer marketplace library to the site.
Check it out: https://www.madrepunk.com/
That’s it for now. :)
8
6
185
I created this fully customized WebGL component for Framer. 👀
I think I’ll use it on my new website that will be released soon.
What do you think? Should I release it as a component in the Framer Marketplace?
5
6
218
Introducing a new component for Framer: Kinetic Media Trail.
Transform static hovers into immersive, high-end experiences. Kinetic Media Trail brings elite velocity-aware motion to your images and videos, bridging the gap between standard design and award-winning interactive storytelling.
Get the component here for free:
https://www.framer.com/marketplace/components/kinetic-media-trail/
1
107
I just released one of my best components for free: Image Mask Reveal.
Add more immersion to how your images appear in your website projects. Customize the reveal direction, display trigger, entry and exit mode, scale, transition, etc.
Get it for free on Framer Marketplace:
https://www.framer.com/marketplace/components/mask-reveal/
2
2
116
Working on a preloader for a new template for Framer.
1
99
I’m excited to launch my new premium Framer template, meticulously crafted for high-end restaurants, bistros, and culinary professionals.
Art & Saveur blends minimalist luxury with a powerful "CMS-First" approach, ensuring your dishes and atmosphere take center stage.
Provide a digital dining experience that matches your culinary excellence.
🔗 Check out the live preview and get the template:
https://www.framer.com/marketplace/templates/art-saveur/
1
92
I just created this new WebGL text distortion effect for Framer.
You enter the text and customize the effect however you want.
I plan to release it in the coming weeks.
What do you think?
We have the same effect for images on the Framer Marketplace, take a look: https://www.framer.com/marketplace/components/liquid-grid-fx/
3
101