Open-source alternatives to SkeletonView

Auto generated skeleton loading framework

ShimmerRecyclerView is an Android library used to render animated loading placeholders within RecyclerView lists. It provides a custom view wrapper that applies shimmer masking and animations to child elements, serving as a visual loading indicator while background data is being fetched. The library enables the implementation of skeleton screens that mimic the layout of list items. These effects are customizable, allowing for adjustments to the animation color, angle, line width, and direction to align with specific visual branding. The system includes capabilities for shimmer rendering and

This project is a React skeleton loader library and UI component set used to create animated SVG placeholder shapes that represent loading content in user interfaces. It functions as an SVG loading placeholder generator designed to prevent layout shifts by signaling data loading states. The library includes a custom loader design tool for building bespoke skeleton shapes that match specific interface layouts. It employs a rendering approach with static SVG keys to ensure the components are compatible with client-server hydration, preventing mismatches between server-side and client-side rende

This is an Android shimmer animation library and UI component used to implement shimmering placeholders that mimic layout structures during asynchronous data fetching. It functions as a skeleton screen generator to indicate that content is being fetched and will appear soon. The library provides a shimmer loading animation that applies visual highlight effects to UI components. This allows developers to replace blank screens with animated skeletons to improve the perceived performance of the user interface.

Nuxt UI is a comprehensive Vue component library built for the Nuxt ecosystem, providing over 125 production-ready, WAI-ARIA compliant components for building modern web applications. The library offers a complete design system with Tailwind CSS theming, supporting dark mode, custom color palettes, semantic color aliases, and runtime theme switching through CSS design tokens. It includes built-in internationalization for over 50 languages, server-side rendering compatibility, and a Figma kit that mirrors the code components for design-to-development consistency. The library distinguishes itse

lazysizes is a JavaScript lazy loading library and DOM visibility observer that defers the loading of images and iframes until they enter the browser viewport. It functions as a responsive image optimizer and SEO friendly asset loader designed to reduce initial page load times while maintaining search engine visibility. The project calculates optimal image sizes and handles srcset and picture elements to deliver the most appropriate asset based on device resolution and layout. It includes a mechanism for low-quality image placeholders and applies CSS classes during the loading process to trig

This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline. The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c

fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan

Auto-animate is a framework-agnostic JavaScript animation library used to automatically animate the entry, exit, and movement of elements within a document. It functions as a transition tool that adds smooth motion to web application elements to prevent abrupt layout jumps during content changes. The utility is designed to be reduced motion compliant, automatically detecting and respecting system-level accessibility settings to disable animations for users with motion sensitivities. It also features a plugin system that allows the replacement of default fade and scale transitions with custom

Toasty is a JavaScript toast notification library and frontend feedback widget. It provides a reusable UI notification component for displaying temporary, styled alert messages and status notifications within web applications. The library focuses on application status signaling and custom notification UI, allowing for the creation of personalized alert messages with unique icons and formatted text. It implements non-intrusive notification overlays to provide visual feedback without interrupting user workflow. The system manages notifications through a state-based queue and a centralized noti

react-select is a customizable select input for React applications that supports single and multiple value selection with integrated search. It functions as a form input library providing a selection interface capable of fetching and displaying options from remote APIs dynamically as a user types. The library is distinguished by a component-injection architecture that allows users to replace internal UI fragments with custom React components. It further enables deep visual customization through prop-based style merging, allowing user-defined CSS objects to override internal defaults for brand

Vux is a mobile web UI kit and Vue mobile UI library consisting of predefined layout and interface components. It functions as a WeUI component framework that implements a standardized design language for web applications. The library provides a collection of reusable interface elements optimized for mobile browser screen dimensions and touch interactions. It ensures visual consistency across different mobile devices by mapping component styles directly to the WeUI mobile design specification. The framework covers mobile web interface design, mobile UI development, and the rapid assembly of

Lualine.nvim is a Lua-based editor extension for Neovim that renders dynamic status, tab, and window bars. It functions as a configurable UI component used to display real-time buffer information, system context, and editor state. The plugin differentiates itself through a multi-bar rendering pipeline that independently populates the statusline, tabline, and winbar. It supports a component-based layout engine with dynamic function-based injection and condition-based visibility, allowing the interface to adjust based on window dimensions or specific filetype overrides. The project covers wide

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

ShineButton is an Android UI animation library that provides customizable button components with integrated light-sweep and particle animations. It functions as a view component extension for Android interfaces to draw user attention through interactive visual effects. The library features a system for creating light-sweep animations and vibrant particle effects that trigger during user interaction. It allows for the definition of button silhouettes through custom image masking and the application of vector drawables. Visual styling is managed through configuration parameters that adjust the

Loading animations :cyclone: by using Swift CALayer

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

NJKWebViewProgress is an iOS web view UI component and loading monitor designed to track and visually represent the loading state of web pages within a mobile application. It functions as a progress indicator that monitors browser activity to provide real-time feedback on page load completion. The project integrates with embedded web content to drive numerical loading values and visual indicators, such as loading bars, to manage the user interface during the page load process. The implementation relies on delegate callbacks and key-value observing to monitor the underlying web view state and

An easy way to add a shimmering effect to any view with just one line of code. It is useful as an unobtrusive loading indicator.

An iOS progress indicator view library written in SwiftUI

CircleProgressView

📊 A customizable gradient progress bar (UIProgressView).

Kit for building custom gauges easy reproducible Apple's style ring gauges.

A number of preset loading indicators created with SwiftUI

UIProgressView replacement with an highly and fully customizable animated progress bar in pure Core Graphics

Android-SpinKit is an Android animation library that provides a collection of animated loading spinner views for use as progress indicators during asynchronous operations. The library offers multiple predefined animation styles, including Circle, Wave, and DoubleBounce, which can be selected and displayed as standard Android View elements within an application's layout. The library distinguishes itself by being built entirely on the Android SDK's drawing and animation APIs, with no external dependencies required. Each spinner type implements a distinct animation state machine using Android's

Spinner loader components with liquid animation