argyleink/transition.css

Health v2 · maintenance only

Adoption not part of the score

2025 stars · 129 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A drop-in CSS library providing 46 pre-built clip-path based transitions and animations via simple HTML attributes. It ships as a single stylesheet import with category bundles and a customizable 'Hackpack' of CSS custom properties.

Use cases

• add page wipe transitions to a website
• animate elements entering with circle or polygon reveals
• drop-in css transitions without writing keyframes
• try transitions on any existing site via bookmarklet
• compose custom clip-path transitions with css variables

When to choose

• you want polished transitions with zero JavaScript
• you need quick drop-in animations via an HTML attribute
• you want to customize transitions using CSS custom properties

When to avoid

• you need complex JS-driven or scroll-linked animation orchestration
• you require framework-specific animation APIs like React Transition Group
• you need physics-based or spring animations

Facets

library · maturity stable

animation css-framework ui-components web-development frontend web-design browser cross-platform css-transitions clip-path keyframes drop-in no-javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="argyleink/transition.css")