I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code...

I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code...I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Rivi Thushara

• Jul 24

I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code component - an animated shader background you can drop behind any hero section. Controls exposed:

Speed – how fast the pattern animates

Scale – spacing/density of the lines

Glow – intensity of the center streaks

Tint – an RGB multiplier so you can shift the palette without touching code

Max DPR – a performance cap for high density screens

Clear Color – the base background color Check it out

Completed work

Framer Website Development Web Design Claude Framer WebGL

Abdullah Eroğlu

pro

• Jul 24

Yes, dark and brutalist with a sci fi look. Thats what im talking about good job!

Rivi Thushara

• Jul 24

Thank you, really glad you liked it!

acream

pro

• Jul 25

Thanks for your sharing

Struxent Studio

pro

• Sep 29

Just created a cursor that transforms the content beneath it. It follows your pointer with a subtle delay, then settles precisely on it when you stop.

There are 9 effects: Invert, Monochrome, Fisheye, Duotone, Cyanotype, Embossed Paper, Solarized, Infrared, and Chromatic

Check it here

Completed work

Framer Website Design Framer Website Development Web Design Framer

Shubhang Chouhan

pro

• Oct 3

This is such a cool interaction🔥

Emmanuel Bliss

• Sep 29

Talorify requested a high-converting landing page. Guess what? Delivered the full design and development. A high-converting landing page has one primary job, And this one is basically saying: “Please get me from the store.” 🔥 Don’t overload your landing page with buttons that confuse your users. Give them one clear direction and make it easy to take action. Check it out and tell me: Would you call this design premium? Hi, I’m Emmanuel Bliss, Product Designer (UI/UX).I bring clarity to what already exists and what is yet to exist.

Checkout the Live HERE

Figma Google Antigravity Web Design

Vara Creative

pro

• Oct 1

Definitely premium. Did they measure if this new design actually brought in more sign-ups and conversions compared to before?

Alex K

pro

• Sep 29

Branding v3 for Virtuoso This design evolution, made an impact to the brand growth's by: - Increasing website conversions - Having consistent brand presence across digital mediums - Increase brand awareness See full case study here

Brand Design Web Design Framer Website Design