status-indicator: Animated Status Picker Web Component for Workflow Steps
Create an animated workflow status picker with selectable dots, labeled pills, pointer scrubbing, keyboard controls, and custom states.
Animation
Customizable Smooth CSS Animation Library – AnimXYZ
A lightweight, fast, performant, customizable, and utility-first CSS3 animation library for HTML, Vue, and React.
Lightweight Modern Animation on Scroll Library (5.7KB) – aos.js
Lightweight scroll animation library (5.7KB) with TypeScript support. Animate elements on scroll across Vanilla JS, React, and Vue.
A Web Component for Card-to-Prompt Peel Effects – Liquid Connector
Create a liquid card-to-prompt transition with a Web Component that uses real SVG path geometry and Shadow DOM styling.
EaseMotion CSS: Animation-First UI Framework
Build hover effects, staggered entrances, and scroll reveals with EaseMotion CSS, a zero-dependency framework you can drop in from a CDN.
Liquid Glass: iOS-Style Refraction for Any Element
Add a translucent panel that refracts real DOM content behind cards, modals, and navs with one dependency-free script.
Text Shuffle Animation In Pure JavaScript – shuffle-text.js
shuffle-text.js is a pure JavaScript library that presents your text letter by letter with a character shuffle animation.
Custom Reveal Animations on Scroll – DOM Flowt
A lightweight JS library using CSS3 and data attributes for easy element animations as they enter the viewport.
Lightweight & Versatile JavaScript Animation Engine – Anime.js
A JavaScript animation engine that animates almost anything on the web – CSS properties, SVG paths, DOM attributes, even plain JavaScript Objects.
SwiftUI-Style Text Transitions for the Web – NumericText
Create smooth text transitions for counters, labels, prices, and status values with the lightweight NumericText web component.