# webkul/micron

a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

Repository: https://github.com/webkul/micron
Canonical: https://ross.abutalabs.com/products/micron
Homepage: https://webkul.github.io/micron/
Language: CSS
License: MIT
License Family: permissive
Topics: js, javascript, javascript-library, css, css3, css-animations, css-modules, animation
Last push: 2018-10-04T10:52:29+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3146, "days_push": 2890, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2315, forks 100 (observed 2026-08-28T04:06:36.764450+00:00)

## What it is
Micron.JS is a micro-interaction library that animates DOM elements using CSS animations controlled by JavaScript. Interactions can be added via HTML5 data attributes or chained JavaScript methods, with controls for duration, easing, and binding interactions between elements.

## Use cases
- add click animations to buttons
- animate DOM elements with CSS
- bind an interaction from one element to another
- control animation duration and easing via data attributes
- add micro-interactions to SVG elements
- apply shake, bounce, or fade effects on click

## When to choose
- you want lightweight CSS-based micro-interactions with minimal setup
- you prefer declarative data-attribute configuration over writing animation code
- you need to animate buttons, SVGs, or other DOM elements on click

## When to avoid
- you need actively maintained software with recent updates
- you require complex animation timelines or physics-based motion
- your project uses a modern framework with its own animation ecosystem

## Facets
- artifact type: library
- maturity: abandoned
- function: animation
- domain: web-development, frontend
- platform: browser
- tags: css-animations, micro-interactions, data-attributes, dom-elements, javascript-library, nodejs

## Member repositories
- webkul/micron (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:36.764450+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:39:26.367436+00:00, confidence not recorded.
  - readme: https://github.com/webkul/micron (fetched 2026-08-28T04:06:36.764450+00:00, sha 3da42a19ee06)
  - homepage: https://webkul.github.io/micron/ (fetched 2026-08-29T10:19:21.638495+00:00, sha ba08284c76b2)
- Data as of 2026-08-30T08:39:29.467469+00:00.