Master Framer: Create a Wave Gradient Scroll Progress Bar

Master Framer: Create a Wave Gradient Scroll Progress BarMaster Framer: Create a Wave Gradient Scroll Progress Bar

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

Akin Gundogan

• Apr 27

I liked how this "Scroll Progress Bar with Wave Gradient Shader" turned out, here's the Framer tutorial, if you like to check! https://www.youtube.com/watch?v=O7Zww0kRO1s

Framer framertutorial framerfile

Magdalena Wołowiec

pro

• May 11

Just submitted my first Framer component for review.

Sliced Image splits a single photo into a customizable grid of tiles. Each tile is individually toggleable from the property panel — no code needed. Comes with controls for columns, rows, gap, border radius, per-tile visibility, and an optional hover effect.

Built for editorial heroes, portfolio sections, and anywhere a plain image feels too static.

Waiting on approval — will update when it's live.

Framer Website Development Framer Website Design Framer Lummi

Vincent Pasili

pro

• May 12

Amazing!

Hamim Reza

• May 11

CinemaScroll is officially live! 🚀

A high-impact, full-screen scroll experience for @framer. Designed for portfolios and brand storytelling that need that cinematic, editorial feel.

✨ Parallax background scaling ✨ 3-column editorial layout ✨ Debounced scroll transitions ✨ Jump-to-section navigation ✨ 0 dependencies

Perfect for product launches or creative showcases. Grab it now! 👇

#Framer #WebDesign #UIUX #NoCode #BuildInPublic

Framer framerdesigner framercomponent

Vincent Pasili

pro

• May 12

Great job!

Breeje Anadkat

pro

• May 11

Vibe coders why spend hours building your site with AI, waiting for limits to reset, and building again just to end up looking like every other AI startup?

Check out Mahadeva

Framer framerdev framerdesigner