Look at this beautiful nav menu, and check out the hover state. The attention to detail here is unparalleled.

This is their 6th free component so far, and each one blows it out of the water.

Clone or Copy for Free

You can clone these components for free on Webflow or copy the code from their Codepen. If you’re a designer, add these components to your tool belt as they will take your websites to the next level—award-winning level.

Don’t Miss Out

Ran Segal from Flux Academy plugged this, and I have to share it as well. You can go right now to osmo.supply and join the waiting list. I mean, who wouldn’t want to?

Get Free Amazing Components from Osmo
Does Elementor Make You Lazy?
Web Design Secrets, Part 8: Figma Playground
Web Design Secrets, Part 7: Huge Graphics
Web Design Secrets, Part 6: Gradient Headings
Web Design Secrets, Part 5: Bento girds
Web Design Secrets, Part 4: Mouse Follower
Web Design Secrets, Part 3: Secondary Animation
Web Design Secrets, Part 2: Staggered Text Reveal Animation
Web Design Secrets, Part 1: Smooth Scrolling
How to add "Paper" to your web design
Relume AI Website Builder
No more unbalanced headlines in your design
Fill text on scroll with GSAP and ScrollTrigger
Design Better Countdown Timers
Emoji Confetti
Text Stroke Effect
Stretched letter effect using variable fonts

Got a Question?

Get an Answer!

If something's not clear, drop a question on my Instagram and I'll update my tutorial if needed.

More videos

Next
No next video
Back to all videos
Previous
No previous video
Back to all videos

Some of the links on this page are affiliate links, meaning I may receive a commission if you follow them. This allows me to continue providing free content and educational resources for you, and for you it changes nothing. Also, I 100% stand behind every product I recommend. Thank you for supporting my small business