Berci

All about them pixels 🎨
Product & web graphics @framer

[Berci @bercidotdev]

@vinayjunejaa @mhmudalii @framer Sorry, I could've been more specific, does the lag persist with and without shaders on the same project?

[Berci @bercidotdev]

@vinayjunejaa @mhmudalii @framer Hi! Do you only experience this laggy behavior when you add shaders to your page, or does it persist if you remove them? We have some safeguards for the maximum number of concurrent shader renders, so many shaders on your canvas should not cause any performance issues.

[Framer @framer]

Join us June 16 at 10AM PDT. You will not want to miss this one.

[Framer @framer]

🧵 Crystal lets you turn your logo into glass by letting you add your own images, adding realistic refractions, bevels, contours, animations, and dispersion.

[Framer @framer]

🧵 One shader, endless variations. Spectrum lets you create distorted black-and-white light effects directly on your logo in Framer

[Berci @bercidotdev]

the web is getting cooler every single day

[WebGL / WebGPU @webgl_webgpu]

🔥 NEWS: Google just dropped the HTML-in-Canvas API at I/O 2026.

Render HTML directly into WebGL/WebGPU textures with full accessibility and interactivity intact.

🔗 https://t.co/9cSAC8cfc2

#Google #Chrome #WebGL #WebGPU #PlayCanvas #Threejs

[Berci @bercidotdev]

Our logo shaders were a huge hit, so today we’re launching two brand-new visuals for you to play with. Can’t wait to see what y’all will cook up with them! ✨

[benjamin @benjaminnathan]

Introducing Spectrum and Crystal.
Two all-new logo shaders.
Now in @framer.

[Berci @bercidotdev]

https://t.co/z1KAyERwVL

[Berci @bercidotdev]

Great article by @trq212. I often use generated HTML to visualize complex architecture changes in my PRs, which would be way more limiting to do in markdown. Cool to see that the team at @AnthropicAI is putting a spotlight on this underrated approach as well.

[Thariq @trq212]

https://t.co/MXt5XS4xBX

[Berci @bercidotdev]

https://t.co/oqkwKRzV5Y

[Berci @bercidotdev]

💙👀

[benjamin @benjaminnathan]

Crystal

[Berci @bercidotdev]

https://t.co/CC8715RRGu

[benjamin @benjaminnathan]

Spectrum Shader, with light that deflects and distorts. Coming soon to @framer.

[Berci @bercidotdev]

@rokas_go @benjaminnathan @framer Increasing the asset size won't do much here - we standardize the image to a fixed size to create the texture the shader will be rendered into. I'm seeing a nicely rendered logo in the site you sent (worth to note that I am on a 4k monitor), where do you see the reduced quality?

[Framer @framer]

https://t.co/oJ6jNdjbOI

[Berci @bercidotdev]

@rokas_go @benjaminnathan @framer Hey @rokas_go! Shaders render at the node's designed dimensions, both on the canvas and on published pages, so the logo will look as intended once live. If you're exporting and want it sharper, you can try increasing the node's size.

[Berci @bercidotdev]

One month of shaders in @framer. 14 effects. Used in thousands of projects daily. And we're just getting started.
https://t.co/4qBeHVBuaa

[Berci @bercidotdev]

The hype and creativity around our new logo shader drop is mind-blowing 🤯 Keep them coming!

[Framer @framer]

The creativity with Logo Shaders right now is wild. Share yours below for a chance to win a $50 Framer Store gift card 👇