Components
Loading preview...
This 3D Tilted Dock with Depth Layers is a futuristic UI component that makes a simple dock feel alive and immersive. The dock sits on a slightly tilted glass-like stage, creating the illusion of depth. Each icon responds dynamically: when hovered, it floats closer with a smooth tilt, while inactive icons gently fade into the background. A subtle parallax effect makes the entire dock shift in response to mouse movement, giving it a cinematic and interactive feel. Designed with a morphic glass background, it adapts seamlessly to both dark and light themes, while labels appear elegantly without breaking the layout. This unique combination of tilt, depth, and parallax transforms the dock into a visually striking and engaging centerpiece for modern web interfaces.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/tilted-dockimport TiltedDock from "@/components/ui/tilted-dock";
export default function DemoOne() {
return <TiltedDock />;
}