About
Wipe frost from a GPU-rendered glass surface by dragging across it. A persistent compute-shader mask reveals the scene beneath without requiring camera access.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Air Painting to your project and fits it to your theme.
Code
How Air Painting is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import Component from "@/components/ui/air-painting";
const settings = {
brushSize: 48,
};
export default function Default(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="fixed inset-0 h-screen w-screen overflow-hidden bg-black">
<Component brushSize={s.brushSize} />
</div>
);
}
More by VGPU
View all
Black Hole
1.4K
Optimized Black Hole
236
Earth
195
Next.js Flare
183
Particles ocean
162
Triangle LED Hero
108
Interactive Fluid
77
Glass Fractal
77
More in Shaders
View all
Glass Fold
212
Neural Noise
718
Water Caustic
44
Shader Background
2K
Wave
687
Stripe like gradient-shader
265
Black Hole
23
Shader Lines
2.3K
