Adaptive metallic finish for CSS

MetalliCSS is a tiny, dependency-free JavaScript library that makes your CSS shine.

Using the library is as simple as adding the class metallicss to an element, and using CSS properties for configuration. The effect will auto-adapt to the elements size, border-radius and background color.

✨ Interactive demo

Installation:

• Download dist/metallicss.min.js or install with npm i metallicss

• Import with import("metallicss"); or add a script tag before the closing </body> of your website: <script type="module" src="metallicss.min.js" defer></script>