About
Floating Dock Navigation
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Floating Dock Navigation to your project and fits it to your theme.
Code
How Floating Dock Navigation is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { FloatingDockNav } from "@/components/ui/floating-dock-navigation";
export default function DemoOne() {
return <FloatingDockNav />;
}
Dependencies
More by Erik Erik
View all
Hero Odyssey
1.3K
Pricing Card With Features
176
Interactive Ripple Background
123
Morphing Text
105
Layer Parallax Hero
95
Hover Link Animation
52
Voice Recording
50
Hover Text Glow
49
More in Navigation
View all
Sidebar
294
Progress Bar Stepper
42
Tabs
16
Navbar
1
Breadcrumb
102
Capsule Tabs
21
Navbar with Theme Toggle
47
Pagination
91
