What's interesting
- Animated liquid metal shader for the web: a live playground for the metal-fx React package with style, shape, color, and strength controls.
- Interactive demo and docs for the metal-fx npm package, with a chromatic metal material on buttons and circles, presets such as default and Shadcn styling, silver and gold tints, and options to dial back glow or reflection.
- Installation and import snippets sit beside the playground so you can lift the effect into a product with clear starting parameters.
Prompt your agent
From AI UX Playground: https://aiuxplayground.com/inspirations/liquid-metal-jakubantalik
Liquid Metal by Jakub Antalik
Interactive demo and docs for the metal-fx npm package, with a chromatic metal material on buttons and circles, presets such as default and Shadcn styling, silver and gold tints, and options to dial back glow or reflection. Installation and import snippets sit beside the playground so you can lift the effect into a product with clear starting parameters.
Adapt for our [screen name]. Stack: [your stack].
Note what to cut or simplify for production.
