<ul><li>Grains.js introduces g-class directive for smooth UI transitions in HTML</li><li>g-class directive allows switching classes dynamically based on state</li><li>Example of using g-class directive to build a notification box with visibility toggle, error/success styles, and shake animation</li><li>g-class directive makes conditional styling effortless, enabling delightful UI transitions in plain HTML</li></ul>

🎨 Smooth UI Transitions in HTML with Grains.js, TailwindCSS and g-class directive

Discover more