Liquid Ocean
A mesmerizing WebGL shader background that simulates liquid ocean waves. Creates a beautiful, dynamic backdrop for hero sections or loading screens.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/liquid-ocean.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/liquid-ocean.tsx
Note: This is a WebGL shader component. Install via CLI for the full source code.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes |