Create Dynamic Framer Steps with Stunning Shaders Effect

Oussama Bouhouch · 2026-04-27T13:42:44.497Z

Steps section in framer (https://framer.com) with shaders because why not 🫢 .

Create Dynamic Framer Steps with Stunning Shaders EffectCreate Dynamic Framer Steps with Stunning Shaders Effect

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

Oussama Bouhouch

• Apr 27

Steps section in framer with shaders because why not 🫢 .

Framer Framer Website Design Framer Website Development

Istiak Ahmed Khan

• Apr 28

looks fantastic, great work

Oussama Bouhouch

• Apr 28

thanks Ahmed!!

Matheus Brandão

• Apr 24

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/

Framer framerdeveloper framerdesigner Framer Website Design

Rasel Alam Jubayed

pro

• Apr 26

Good work

Gabor Molnar

pro

• Apr 24

Spent 10 mins with the Framer Logo Shader and wow!

Tinker with this, remix link in the replies 👇

Framer freelancerlife portfolioreview Animation Web Design

Thiruppathiraja Neelamegam

• Apr 28

Nice

Magda Studio.H12

• Apr 24

Inspired by the organic movement of jellyfish, this concept explores how lighting can feel alive within a digital space.

This project was designed and built in Framer, combining visuals with interaction:

– custom code component with floating jellyfish in the background – scroll-triggered light activation (lamp gradually “wakes up”) – progressive text reveal for a softer narrative entry – glass-style logo shader using Framer’s latest visual capabilities

The goal was to create a calm, immersive product moment - something between a landing page and a sensory experience.