foundation/motion-ui

Health v2 · maintenance only

Adoption not part of the score

1167 stars · 169 forks observed · 2026-08-28

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

Motion UI is a standalone Sass library for creating flexible CSS transitions and animations, originally bundled with Foundation for Apps and used by Foundation for Sites. It ships pre-built effect classes (slide, fade, spin, scale, hinge) plus a small JavaScript helper to trigger transitions programmatically.

Use cases

• animate modals and overlays in and out
• add slide and fade transitions to off-canvas menus
• create custom CSS animation effects with Sass mixins
• add micro-interactions to a Foundation for Sites project
• trigger enter/exit animations from JavaScript with callbacks

When to choose

• you use Sass and want customizable CSS transitions without a heavy JS animation framework
• you are building with Foundation for Sites and need consistent motion effects
• you want lightweight pre-built animation classes plus a tiny JS trigger library

When to avoid

• you need physics-based or JavaScript-driven complex animations like GSAP or Framer Motion
• your project does not use Sass and the pre-compiled CSS classes are not enough
• you need modern CSS animation tooling with active development

Facets

library · maturity maintenance

animation ui-components css-framework web-development frontend web-design cross-platform sass scss css-transitions css-animations foundation zurb web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="foundation/motion-ui")