1.0.2 • Published 5 months ago

@rohit.wushu/fxlib v1.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
5 months ago

⚡ 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
1.0.2

5 months ago

1.0.1

5 months ago

1.0.0

5 months ago