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
173
Interactive Ripple Background
119
Morphing Text
104
Layer Parallax Hero
90
Floating Dock Navigation
74
Hover Link Animation
51
Voice Recording
50
More in Shaders
View all
Glass Fold
212
Neural Noise
717
Water Caustic
44
Shader Background
2K
Wave
687
Stripe like gradient-shader
265
Black Hole
23
Shader Lines
2.3K
