About
Liquid Background Shader
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Liquid Background Shader to your project and fits it to your theme.
Code
How Liquid Background Shader is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { LiquidShader } from "@/components/ui/liquid-background-shader";
export default function DemoOne() {
return <LiquidShader />;
}
Dependencies
More by Erik Erik
View all
Hero Odyssey
1.3K
Pricing Card With Features
176
Interactive Ripple Background
123
Morphing Text
104
Layer Parallax Hero
94
Floating Dock Navigation
78
Hover Link Animation
52
Voice Recording
50
More in Shaders
View all
Glass Fold
279
Phosphor 30
293
Shader Animation
3.7K
Wave
693
Black Hole
27
Shader Background
2K
Shader Lines
2.3K
Liquid Glass Logo Reveal
632
