Open-source alternatives to Spin.js

SpinKit is a UI component library and CSS animation library focused on providing a collection of animated loading indicators and spinners. It serves as a set of lightweight visual transitions designed to create motion and feedback within web interfaces. The library implements these indicators using pure CSS rendering and keyframe animations to notify users of active background processes. It uses a class-based styling system and minimal HTML structures to render visual cues without relying on scripts or images. Appearance can be adjusted through CSS variables and custom styles to modify color

AVLoadingIndicatorView is a reusable iOS user interface component designed to display background processing states. It specializes in rendering high-quality video files and scalable vector graphics to serve as activity indicators. The project distinguishes itself by using video content as the primary visual for loading animations instead of standard system spinning animations. It utilizes vector drawing and coordinate transformations to maintain visual sharpness and scaling across different screen resolutions. The component covers animation visibility control, state transitions, and the visu

NVActivityIndicatorView is a library of themed and configurable animation views used to replace standard system loading spinners in iOS applications. It provides a collection of reusable Swift UI components designed to signal background processing and data loading through various visual styles. The library focuses on custom activity indicators that allow for the implementation of stylized loading animations with specific colors and patterns. It enables the visualization of asynchronous processes and mobile app loading states to notify users that a background task is active. These components

svg-spinners is a collection of animated vector loading indicators. It serves as an SVG spinner library that provides a set of reusable graphics used to signal background processes or page loads. The project consists of a CSS animation library and a SMIL animation collection. It utilizes both CSS-driven keyframe animations and the Synchronized Multimedia Integration Language to create rotating and pulsing visuals. These assets are designed for frontend integration to provide user interface feedback. The library employs SVG-native shape rendering and fixed-dimension viewport scaling to ensure

Short CSS code snippets for all your development needs

Magic of CSS is a structured tutorial series that teaches web developers advanced CSS layout, typography, and animation techniques through hands-on examples. The course covers the full spectrum of CSS capabilities, from foundational box model and positioning concepts to sophisticated animation and interactive state management, all without relying on JavaScript. The series distinguishes itself by teaching practical, real-world CSS patterns such as inline-block justified grids, percentage-based absolute positioning, table-display vertical centering, and letter-span styling techniques. It demons

UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific classes used in your source code. By scanning your project files during the build process, it produces only the CSS necessary for your application, effectively minimizing bundle size and eliminating unused styles. The engine distinguishes itself through a highly modular, configuration-driven architecture that allows for deep customization of design tokens, rules, and presets. It supports advanced styling patterns such as attribute-based styling, tag-based styling, and dynamic varia

ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.

Pace is a page loading progress bar that monitors browser navigation and network requests to provide a visual loading indicator. It functions as a frontend navigation tracker and browser request monitor, tracking document states and URL patterns to drive the progress of a loading bar during page transitions. The tool includes a customizable loading indicator with configurable themes and visual styles. It provides request tracking control to filter which specific network requests trigger the progress bar using global settings or URL patterns. The system covers the monitoring of frontend reque

Very lightweight progress bars. No jQuery

This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of utility classes for adding high-performance keyframe animations and motion effects to web projects, while automatically respecting user-defined reduced motion preferences. The system includes a browser-based animation designer for creating and exporting custom presets as CSS styles or utility classes. It also functions as a scroll-triggered animation framework, enabling entrance and exit transitions that execute as elements enter the viewport, including support for staggered

Transition.css is a CSS animation library and declarative UI animation framework that provides pre-built entry and exit animations triggered directly by HTML attributes without requiring custom JavaScript. It functions as a CSS transition toolkit, supplying customizable animation sequences and geometry primitives designed for rapid web interface prototyping. The library enables users to apply page and element transitions, trigger pre-built visual effects, and compose custom transitions by combining raw keyframes with custom state properties. Animation timing, delays, pacing curves, and transi

Halo is a Python library for rendering animated loading indicators and task completion symbols within terminal and notebook environments. It serves as a utility for providing visual feedback in command-line interfaces to signal that background processes are active. The library allows for the customization of loading spinner animations through the use of preset styles or custom character sequences and rotation intervals. It includes functionality to terminate active animations and replace them with specific status symbols and messages to indicate success, failure, or warnings. The project cov

Ora is a terminal spinner library and Node.js CLI component used to integrate animated loading indicators and task-outcome symbols into JavaScript-based terminal applications. It functions as a progress visualizer that signals the status of command-line operations through animated sequences of characters. The library provides promise-based spinner wrapping, allowing animations to start and resolve automatically based on the outcome of asynchronous tasks. It replaces active animations with specific success, failure, warning, or info symbols to communicate the final result of a process. The to

MBProgressHUD is an Objective-C UI component and progress HUD library for iOS. It provides a screen-blocking activity indicator overlay that informs users of ongoing background processes using customizable icons and status labels. The library manages translucent interface layers to provide background task feedback and overlay management. It visualizes the completion percentage of long-running tasks through a dynamic overlay that prevents user interaction until a process completes.

WOW is a JavaScript library and animation engine designed to trigger CSS animations when elements enter the browser viewport during page scrolling. It serves as a tool for orchestrating visual transitions based on the user's scroll position and element visibility. The library functions as a dynamic content animation tool, capable of detecting and animating new elements added to the page after the initial load. This allows visual effects to be applied to dynamically injected content without requiring a page refresh. The system utilizes the Intersection Observer API to detect viewport entry an

SVProgressHUD is a progress HUD library and overlay manager for iOS and tvOS applications. It provides a lightweight interface system for signaling background activity and operation status through task progress indicators and loading spinners. The system includes capabilities for visual style configuration, allowing for the adjustment of colors, fonts, and images. It also integrates haptic feedback triggering to generate physical vibrations on supported hardware to signal success, information, or error states. The library covers the management of app loading states and the display and remova

WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the browser viewport during scrolling. It functions as a viewport trigger engine, managing the timing and execution of visual transitions for both static and dynamic page content. The library integrates scroll events with CSS animations and effects from libraries such as Animate.css. It utilizes intersection observers to monitor viewport entry and mutation observers to track and apply animation triggers to new elements added to the DOM after the initial setup.

SVG-Loaders is a library of animated SVG icons designed to signal ongoing activity while content loads in a web interface. The project provides lightweight, scalable loading animations built entirely with pure SVG markup, requiring no external JavaScript dependencies or raster images. The library focuses on delivering visual feedback through inline SVG animations, using CSS keyframes or SMIL to animate elements directly within the HTML document. Each loader's fill color can be customized by changing the SVG's fill attribute, allowing the icons to match the interface design. The animations are

Magic is a CSS animation library and visual effects framework providing a collection of predefined motion styles for moving, rotating, and transforming web elements. It serves as a build-time CSS optimizer that compiles only the specific animation styles used in a project to minimize the final stylesheet size. The framework enables interactive user interface development by allowing animations to be triggered programmatically through scripts, hover events, or timing delays. It utilizes a system of timing and motion classes to manage the duration and speed of visual transitions. The project co

csshake is a CSS animation library and framework designed to create shaking, vibrating, and oscillating movement effects on DOM elements. It functions as a UI feedback component that uses visual motion patterns to signal errors or draw user attention through irregular element movement. The library provides multi-axis shake effects, including horizontal, vertical, and rotational motion patterns. These are implemented through class-based triggering mechanisms that allow for the delivery of error-signaling patterns and other attention-grabbing effects. The system covers a range of animation con

This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an

vue-strap is a UI framework and component library that provides a collection of themed interface elements based on Bootstrap for use within Vue.js applications. It serves as a Bootstrap-based component kit that bridges CSS framework styling with a reactive JavaScript component architecture. The library implements a wide range of functional building blocks, including navigation bars, dropdown menus, and layout primitives such as accordion panels and tabbed content. It includes an extensive set of form inputs featuring date pickers, typeahead search, and integrated validation state management.

Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi

ReactXP is a framework for building cross-platform mobile and web applications from a single codebase using React. It provides a declarative interface that maps to different native implementation sets depending on the target environment. The project enables consistent visual experiences across operating systems through a flexbox-based layout engine, a virtual stack for navigation management, and a unified native-bridge API for accessing system services. It distinguishes itself with specialized capabilities for declarative animation orchestration, platform-specific logic resolution, and an aut

Animate.css is a library of pre-defined, cross-browser CSS keyframe animations that can be applied to elements through declarative class toggling. It functions as a comprehensive motion framework, providing a standardized set of effects that ensure consistent visual transitions without requiring custom keyframe definitions. The library is built with a focus on accessibility, automatically respecting system-level reduced motion preferences to ensure that animations are disabled or simplified for users sensitive to screen movement. The framework distinguishes itself through a modular build proc

RKNotificationHub is a customizable badge UI library and a reusable SwiftUI notification badge component. It provides a view modifier and wrapper designed to attach numeric or dot notification indicators to any user interface element within a mobile application. The library enables the management of notification badge displays, including the ability to customize colors, frame positions, and scales relative to parent views. It includes a system for badge count management to update activity indicators through incrementing, decrementing, or explicitly setting the count. The project covers the b