Components
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-navLoading preview...
import LumaBar from "@/components/ui/futuristic-nav";
export default function DemoOne() {
return <LumaBar />;
}