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.
- Electric Logo
Turns any logo into a living lightning outline, with arcs that leap off its edges.