Projects using WebGL in Porto Alegre

Projects using WebGL in Porto AlegreProjects using WebGL in Porto Alegre

Cover image for I kept seeing this infinite

I kept seeing this infinite lens grid effect on telescope.fyi (http://telescope.fyi) and decided to rebuild it natively for Framer. It’s a fully dynamic masonry grid that reveals and scales images based on your cursor's position. Instead of relying on basic hover states, I built custom physics for the scale-in transitions, added parallax strength, and included dynamic drift angles to keep the interaction fluid. I'm currently tweaking the WebGL performance and the node pool system to handle larger image sets without dropping frames. Would you like me to release this component on the Framer Marketplace? Let me know in the comments if this is something you'd use.

4

215

Cover image for Working on a fashion e-commerce

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

222

Cover image for I just released Kinetic Slider

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

230

Cover image for A new component in the

A new component in the Kinetic Slider component family is currently under development. I can't wait to release it!

2

193

Cover image for My studio’s website, Madrepunk™, is

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

222

Cover image for I created this fully customized

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

247

Cover image for Unlock Creative Text Transformations with WebGL for Framer

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/

4

124