Crispy 😍 my favorite part: the reflection on the edge stops where it is on mouse exit!

Crispy 😍 my favorite part: the reflection on the edge stops where it is on mouse exit!Crispy 😍 my favorite part: the reflection on the edge stops where it is on mouse exit!

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

Scott Lloyd

• Aug 29

Crispy 😍 my favorite part: the reflection on the edge stops where it is on mouse exit!

Nicolette .

• Aug 30

loooooove this effect!

Scott Lloyd

• Aug 30

thank you, @Nicolette . !!

Tan | Wayrise

pro

• Aug 30

Lovely detail Scott! 🔥

Scott Lloyd

• Aug 30

Thanks Tan!! Im excited to make more like it.

Benjamin C

max

• Aug 30

the green Crispy button is fun to watch

Scott Lloyd

• Aug 30

Thanks, @Benjamin C ! I agree, I could hover over it for so long.. haha

Progress Fisayo

pro

• Aug 30

Love thissss

Scott Lloyd

• Aug 30

Thanks @Progress Fisayo !

Girum Asmare

• Aug 31

Nice. I like it bro

Scott Lloyd

• Aug 31

Thanks @Girum Asmare !

Alex Prokhorov

max

• 1d

the cuff turns a full 360 and the metal goes translucent. seedance 2.5 for video and scrubbed by scroll position with a custom component.

https://mote.framer.ai/

Framer Framer Website Design Framer Website Development

Damilola Adelaja

pro

• 1d

Amazing!!

Lucas Soares

• 1d

3D scroll animation📲

1 vote

Ends in 15h

Benjamin C

max

• 16h

the 3d scroll animation looks so cool

Martina Gazenova

• 1d

I wanted a navigation bar that didn't look like a navigation bar.

I was working on a client site and needed something to help visitors move between sections, without a big menu sitting on top of everything. So I started playing with the idea of a ruler on the side of the page. One tick per section, and as you scroll, the active tick stretches out and shows you where you are.

That became RulerNav.

What I like is that the component itself is simple, but it can feel completely different depending on the site. The Marketplace version is bold and playful. The one I'm using on the client site is quieter: no background, thin lines, barely there until you scroll. I'll share the finished version of my client's website soon. Until then, enjoy. ❤️

Completed work

Framer Website Design UI Design UX Design Framer navigation uicomponents

Mykola Malyhin

pro

• 1d

The side-ruler navigation is an interesting idea for showing progress through a page. How did you make it discoverable for visitors who might not immediately recognize it as a menu?