JSPM

@rohit.wushu/fxlib

1.0.2
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 3
    • Score
      100M100P100Q21145F
    • License MIT

    Lightweight CSS animation library with utility classes like animate.css

    Package Exports

    • @rohit.wushu/fxlib
    • @rohit.wushu/fxlib/dist/fxlib.js

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@rohit.wushu/fxlib) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    ⚡ 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