Components
Constellation Dock
This Constellation Dock component is a futuristic, interactive navigation element designed to resemble a dynamic network or constellation map. Each icon is connected to the others via thin, animated lines that form a “web” of connections. When a user hovers over an icon, the hovered icon and all its connecting lines light up, creating an engaging visual focus. The component can be positioned at the bottom, top, or left side of the screen and remains fixed while scrolling, ensuring constant accessibility. It supports both dark and light themes, with morphic-glass style icons that blend seamlessly with any background. This dock transforms standard navigation into a visually rich, interactive experience, perfect for dashboards, creative apps, or futuristic interfaces.
Loading preview...
import ConstellationDock from "@/components/ui/constellation-dock";
export default function DemoOne() {
return <ConstellationDock />;
}