a micro-interaction library built with CSS Animations and controlled by JavaScript Power


Micron.js is a micro interaction library which can be used to add interactions to different DOM Elements. Micron.js animates an element using CSS power and the interactive behaviours are controlled by JavaScript.

Micron.js is easy to adapt and can bring interactions to life using HTML5 data attributes or a chain of JavaScript methods.


Add Interaction

Choose from ready to use [μ] interactions and add a ‘click’ interaction just using data-micron


Bind Interaction

An element’s interaction can easily bind with another element’s ‘click’ withdata-micron-bind=”true”


Control Interaction

Interaction behaviors like effect, speed and ease can be controlled using data-attributes

Get it on github
Aahed I. Zarouk

Author Aahed I. Zarouk

More posts by Aahed I. Zarouk