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

Real Estate Leasing CTA Section

Real Estate Leasing CTA Section

52
District Features Grid Section with Image Hover

District Features Grid Section with Image Hover

57
Interior Design Methodology Feature Section

Interior Design Methodology Feature Section

51
Dark SaaS CTA Section with Animated Console

Dark SaaS CTA Section with Animated Console

50
Neighbourhood Highlight Section with Image

Neighbourhood Highlight Section with Image

53
View all from Sam

Related Components

Luxury Full-Screen Navigation Menu

Luxury Full-Screen Navigation Menu

204
Nav bar - Rulz&Co

Nav bar - Rulz&Co

271
Responsive Tailwind Navbar with Mobile Hamburger Menu

Responsive Tailwind Navbar with Mobile Hamburger Menu

311
Glassmorphic Responsive Navbar with Icons

Glassmorphic Responsive Navbar with Icons

318
Responsive Glassmorphic Navbar with Mobile Menu

Responsive Glassmorphic Navbar with Mobile Menu

196
Browse all menu components