Metallic Paint
Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.
Use Metallic Paint in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/MetallicPaint-TS-TWRelated components
- Blob Cursor
Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.
- Elastic Mesh
Turns text or any logo into a puffy inflated shape you can press, poke and stretch like jelly.
- Swarm Cursor
A liquid swarm of particles that flows after the cursor, curls into eddies and pours around hovered buttons.