CSS Animation Preset Library – Free Easing Functions for Smooth UI Motion (Open Source)

Описание: Bring your web animations to life with *css-ease-presets* 🎉
An open-source, MIT-licensed library that gives you *ready-to-use CSS easing curves* as variables, utility classes, JSON/ESM exports, and even bounce/elastic keyframe helpers.

🔹 Stop hunting for cubic-bezier coordinates
🔹 Use consistent motion curves across your project
🔹 Works with plain CSS, Tailwind, styled-components, or any frontend stack
🔹 Includes a live demo page to preview all easings and copy snippets

---

✨ Features
Curated easing families: sine, quad, cubic, quart, quint, expo, circ, back
Design system favorites: fast-out-slow-in, decelerate, accelerate, etc.
CSS variables (`--ease-quad-out`), utility classes (`.transition-ease-quad-out`)
JSON + ESM exports for build tools
Keyframe helpers for bounce & elastic
Lightweight, dependency-free

---

🚀 Quick Usage
```css
@import "css-ease-presets/ease-vars.css";

.button {
transition: transform .3s var(--ease-quart-out);
}


📂 GitHub Repository
👉 https://github.com/willyanibe/css-eas...

📦 NPM Package
👉 https://www.npmjs.com/package/css-eas...

🌐 Demo Preview
👉 http://localhost:5173/demo.html (serve locally with python -m http.server 5173)

💡 Perfect for frontend developers, designers, and anyone who wants to ship smooth, consistent UI motion without reinventing the wheel.

#CSS #WebDevelopment #Animations #Frontend #OpenSource