2,000+ developers · v5.0.0


at the speed
of class

600+ production-ready CSS animations across 6 categories. One class name. Zero required JavaScript. The motion library that proves itself on its own page.

Get Started Browse 600+ Animations
600+
Animations
0kb
Required JS
~39kb
Gzip
6
Categories
Velvet Drop
<h1 class="sds-velvet-drop">
Why Motion Forge

Engineered for production

Not a toy. A focused, opinionated motion system built for teams who want character and precision without the overhead.

Zero Required JS
Pure @keyframes and CSS classes. No required JavaScript. Two optional engines (scroll gate, interactive) add progressive enhancement when you need it.
600+ Animations
Text (104) · Buttons (100) · Inputs (100) · Cards (100) · Loaders (100) · Scroll (100).
Framework-agnostic
Angular, React, Vue, Next, Flutter, Bootstrap, Tailwind — anywhere a class works.
Themeable
Override two CSS variables and the whole library matches your brand.
GPU-accelerated
Transform & opacity only. Buttery on mobile, no layout thrash.
Accessible
Respects prefers-reduced-motion out of the box. No config needed.
Playground

Build it. See it. Copy it.

Pick an animation, stack modifiers, and copy production-ready markup.

// live preview Motion Forge
<span class="sds-velvet-drop">
Documentation

Everything you need to ship

Installation guides, the full animation reference, scroll engine, interactive engine, TypeScript types, theming, accessibility, and contributing guide — all in one place.

Installation
CDN, npm, yarn, all frameworks
Animation Reference
All 600+ animations across 6 categories
Scroll Animations
3 activation methods documented
Interactive Engine
Magnetic, shockwave, word morph & more
TypeScript
All 600+ animation classes typed, React/Angular examples
Contributing
Add animations, fix bugs, open PRs
Open Full Docs View on GitHub

Start animating in seconds

Free and open-source. MIT licensed. No build step required.

npm i @salkomdesignstudio/sds-motion-forge