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
173
Interactive Ripple Background
119
Morphing Text
104
Layer Parallax Hero
90
Hover Link Animation
51
Voice Recording
50
Hover Text Glow
49
More in Navigation
View all
Sidebar
234
Tabs
60
Newsletter Signup Footer
16
Progress Bar Stepper
36
Footer 2
201
Navbar with Theme Toggle
43
Navbar
71
Pagination
86
