AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe. Save time and have complete control over how your elements move. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.

Collection of free HTML and CSS animation code examples. Update of June 2020 collection.

Stylemug is a fast css-in-js library that extracts atomic CSS rules to a .css file. It generates atomic CSS from the static stylesheets defined in JS. The compiled rules are extracted to a .css file.The stylesheet code in the Javascript bundle is replaced (no CSS in JS) with a hash map for classnames lookup at runtime.

CSS variables, now enjoying fairly good browser support, are opening up exciting possibilities for more dynamic styling. Having true CSS variables means that we can get and set their values in JavaScript, allowing us to build cool features like live theming. Post written by Jonathan Harrell.