Fixed Blurred Navbar with Scroll Animation

23 views
0 remixes

About

A fixed, centered-logo navigation bar with left/right link groups using Tailwind CSS. Integrates GSAP ScrollTrigger to animate background blur, opacity, and shadow on scroll. Ideal for polished landing pages or premium brand sites.

Created

Feb 28

Updated

Mar 2

Remixes

0

Creator

S

Sam

View profile

Tags

menunavigationtailwindanimatedstickyresponsive

More from Sam

Unicorn Studio Animated Background Embed

Unicorn Studio Animated Background Embed

PRO
52
District Features Grid Section with Image Hover

District Features Grid Section with Image Hover

57
AI SaaS Hero with Chat Demo UI

AI SaaS Hero with Chat Demo UI

51
Cinematic Hero Layout with Floating Menu

Cinematic Hero Layout with Floating Menu

124
Responsive Destination Card Grid with Hover Effects

Responsive Destination Card Grid with Hover Effects

624
View all from Sam

Related Components

Sticky Gradient Navbar with Sign-In & Mobile Menu

Sticky Gradient Navbar with Sign-In & Mobile Menu

455
Floating Glassmorphism Navigation Bar

Floating Glassmorphism Navigation Bar

?
249
Navigation Bar with Centered Links and CTA

Navigation Bar with Centered Links and CTA

24
Nav bar - Rulz&Co

Nav bar - Rulz&Co

271
Customer Insights Menu Component

Customer Insights Menu Component

PRO
54
Browse all menu components