1.0.2 • Published 5 months ago
@rohit.wushu/fxlib v1.0.2
⚡ FXLib – Lightweight CSS Animation Library
FXLib is a lightweight and modern CSS animation library inspired by Animate.css. It provides smooth, customizable animations like bounce, zoom, flip, spin, and fade with minimal footprint – perfect for modern web apps and components.
🚀 Features
- ✅ Lightweight & minimal – only essential animations
- 🧠 Easy class-based system (no JS needed for most use)
- 🔁 Supports animation delay, duration, and loop
- 🎨 Smooth modern transitions (fade, bounce, zoom, etc.)
- 🔧 Optional JS helpers for advanced control
- 🌐 CDN & npm support for flexible integration
📦 Installation
npm install @rohit.wushu/fxlib
import '@rohit.wushu/fxlib/dist/fxlib.min.css';
import fxlib from '@rohit.wushu/fxlib';
### Using CDN:
<!-- FXLib CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@rohit.wushu/fxlib/dist/fxlib.min.css" />
<!-- FXLib JavaScript (optional) -->
<script src="https://cdn.jsdelivr.net/npm/@rohit.wushu/fxlib/dist/fxlib.js"></script>
## ✨ Basic Usage
Apply animation classes directly to HTML elements:
<h2 class="fx-fade-in-up">Hello FXLib!</h2>
<div class="fx-zoom-in">Zoom animation</div>
## ✨ Customising inline styling
<div class="fx-fade-down delay-2s duration-2s repeat-10">
Bouncing Box
</div>
## 🎨 Animation Classes
FXLib currently supports the following classes:
fx-bounce, fx-fade-up, fx-zoom-in, fx-slide-left, fx-flip-right, fx-bounce-in, fx-spin, fx-fade-down, fx-slide-up
fx-flip-left, fx-flip-left and many more
## 🎯 More animations coming soon!
## 🏷️ Tags & Keywords
fxlib, css animations, animate.css alternative, lightweight animation library, css transitions, bounce, flip, zoom, fade, spin, modern css effects, animation utility, HTML animation, css animation