Components
Loading preview...
This is a futuristic floating navigation bar designed for modern web and mobile interfaces. It features a glassmorphism pill-shaped container, with a glowing gradient indicator behind the active icon. Icons scale up smoothly when active, and tooltips appear on hover to show their labels. The component is fully responsive, visually striking, and provides a dynamic, interactive navigation experience.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/futuristic-navimport LumaBar from "@/components/ui/futuristic-nav";
export default function DemoOne() {
return <LumaBar />;
}