Ruixen Pro is now live.50+ premium components, templates, blocks, and lifetime updates.

Docs

Floating Navbar

Floating Navbar

A floating navigation bar that appears on scroll with smooth animations.

Installation

Usage

The Floating Navbar appears and disappears based on scroll direction with smooth animations.

Hover Gradient Navbar Luma Bar

Contribute

Limited Time Offer

Build stunning UIs in minutes

Get 50+ premium components, templates, and blocks with lifetime updates.

Next.js 15 + TypeScript ready
Tailwind CSS v4 + Framer Motion
Copy, paste, ship in minutes
Lifetime updates included

Get Lifetime Access