@siddsr/anix NPM

🎉 AniX – Animation + UX Library

AniX is a modern, lightweight animation library built for developers working with HTML, CSS, JavaScript, React, Angular, and Vue.
It provides production-ready UI animations — from button hover effects to full-page transitions — all in a clean, dev-friendly format.

🎯 Goal

Become the go-to animation library for developers who want polished UI without bloated dependencies.

✨ Features

🔥 100+ production-ready animations (entry, exit, loaders, buttons & more)
⚡ Lightweight and fast (no runtime bloat)
🌐 Works with HTML, React, Angular, and Vue
🎛️ Customizable: duration, delay, color, easing, size
🧩 Modular: Use only what you need
🚀 Simple, class-based usage (no JavaScript required)

📦 Installation

Option 1: CDN (Recommended for Quick Use)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@siddsr/anix@latest/dist/anix.min.css">

Option 2: NPM Install

npm install @siddsr/anix After installing, import the CSS in your project: import '@siddsr/anix/dist/anix.min.css';

🛠️ Usage

🚀 In HTML

<div class="ani-fade-in-up">Hello AniX</div>

⚛️ In React

```jsx npm install anix-react

import '@siddsr/anix/dist/anix.min.css';

function App() { return Welcome to AniX!; } ```

🅰️ In Angular

// In your component template <div class="anix-zoom-in">Angular + AniX!</div>

// Import the CSS in your global styles @import "~@siddsr/anix/dist/anix.min.css";

🌱 In Vue

```jsx

```

🎬 Animation Categories

🎬 Entry Animations

anix-fade-in
anix-slide-in-up, anix-slide-in-down, anix-slide-in-left, anix-slide-in-right
anix-zoom-in, anix-zoom-in-up, anix-zoom-in-down
anix-rotate-in
anix-bounce-in, anix-drop-in
anix-pop-in, anix-grow-in, anix-stretch-y

🚪 Exit Animations

anix-fade-out
anix-slide-out-up, anix-slide-out-down, anix-slide-out-left, anix-slide-out-right
anix-zoom-out
anix-rotate-out
anix-flip-out-x, anix-flip-out-y
anix-bounce-out, anix-drop-out
anix-shrink-out, anix-contract-out