Metallic Dock Button
A dock navigation bar with liquid metal shader effect buttons. Each button activates with a stunning metallic ring animation.
Category
NavigationReact
CSS
Tailwind
Manual
Create a file and paste the following code into it.
src/index-demo.tsx
1
2
3
4
5
6
7
8
9
10
11
import Dock from "@/components/dock";
function Demo() {
return (
<main className="w-full min-h-dvh px-4 py-12 md:px-6 md:py-16 flex items-center justify-center">
<Dock />
</main>
);
}
export default Demo;Update the import paths to match your project setup.