ingram-projects/animxyz

Health v2 · maintenance only

Adoption not part of the score

2496 stars · 62 forks observed · 2026-08-28

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

AnimXYZ is a composable CSS animation library that lets developers describe animations declaratively with utility attributes and CSS variables, without writing keyframes. It ships as plain CSS/SCSS plus dedicated components for Vue and React.

Use cases

• animate elements fading and sliding in on page load
• add enter/exit transitions to Vue or React components
• stagger list item animations in forward or reverse order
• customize animation timing, distance, and easing via CSS variables
• add CSS animations to a plain HTML site without JavaScript
• respect reduced-motion accessibility settings in animations

When to choose

• you want lightweight CSS-only animations without writing keyframes
• your stack is Vue or React and you need transition components
• you want composable utility-based animations customizable via CSS variables

When to avoid

• you need complex JavaScript-driven or physics-based animations
• you require scroll-triggered or canvas/WebGL animation effects
• your project already standardizes on a full animation library like GSAP

Facets

library · maturity stable

animation css-framework ui-components web-development frontend web-design browser css-animations composable-animations vue react scss functional-css css-variables web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="ingram-projects/animxyz")