Open-source alternatives to React Loading Skeleton

UI Kitten is a cross-platform mobile UI library and design framework for building mobile interfaces. It provides a collection of reusable, accessible visual components and layout blocks that strictly follow the Eva Design System specifications. The library features built-in support for dynamic theming, allowing applications to switch between light and dark modes or custom color schemes at runtime. It utilizes a token-based color mapping system and a shared context provider to ensure visual consistency across all screens. The framework includes a library of standardized production-ready eleme

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

Auto generated skeleton loading framework

Treat is a styling library that extracts CSS from JavaScript definitions during the build process to eliminate runtime overhead. It functions as a static style extraction tool, converting component-level style definitions into optimized, standalone CSS files. The framework is designed for building type-safe, themeable design systems that allow user interface components to adapt their appearance based on active design system settings. The library distinguishes itself by enabling complex style composition, including pseudo-selectors, media queries, and animations, within a unified object struct

This project is a comprehensive reference guide for writing clean, semantic, and maintainable HTML markup based on modern web standards. It provides a set of rules for implementing semantic HTML standards, using meaningful structural elements instead of generic containers to improve document hierarchy and machine readability. The guide establishes specific conventions for HTML formatting, covering indentation, tag casing, and source code organization to improve codebase maintainability. It also serves as a web accessibility reference, detailing the implementation of ARIA roles, alternative te

This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

mescroll is a JavaScript infinite scroll library and mobile web scroll manager designed to implement pull-to-refresh and pull-up-loading patterns. It provides a system for handling touch-based scrolling, managing pagination states, and integrating these behaviors within Vue applications. The library distinguishes itself through specialized support for chat interfaces, enabling reverse-order data loading and the ability to inject data in a reverse direction to simulate message histories. It also includes a state-persistent scroll cache to preserve vertical offsets and list data when users navi

shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

This project is a framework for building interactive, graphical-style terminal applications. It provides a declarative component model that organizes user interfaces into a tree of nested widgets, each managing its own lifecycle, state, and rendering. By subclassing the base application class, developers can construct complex, keyboard-navigable interfaces that run directly within terminal emulators. The framework distinguishes itself through a reactive architecture and a CSS-based layout engine. It uses a reactive attribute system to automatically track state changes and trigger targeted int

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

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

Shimmer is a UI loading state library used to generate shimmering skeleton placeholders and view-wrapping animation effects. It provides a set of tools for creating highlight animations that signal content is loading within a user interface. The project includes a skeleton screen generator and a view animation wrapper. These components apply a moving gradient effect over existing views to provide visual feedback while data is being fetched. The library covers user interface animation and mobile app design patterns. It implements loading indicators through a combination of linear-gradient mas

React95 is a React UI component library and themed framework designed to emulate the aesthetic of a nineties desktop operating system. It provides a collection of reusable interface elements that allow developers to build web applications with a nostalgic visual style. The library functions as a design system centered on a Windows 95 theme. It utilizes a centralized theme provider to manage global color palettes and styling across the application. The framework covers retro UI development through a set of pre-styled components and themed interface design tools. These capabilities enable the

A library to bring fully animated Material Design components to pre-Lolipop Android.

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

This project is a design system component library and adaptive UI framework based on Adobe's Spectrum design system. It provides a collection of accessible React components designed to create consistent user experiences through a standardized set of adaptive and themeable interface elements. The framework features a responsive scale system that automatically optimizes touch targets and component sizing for mobile and desktop contexts. It is built as a tree-shakable library, allowing for the import of only the specific components used to minimize the final JavaScript and CSS bundle size. The

Gestalt is a type-safe React UI component library and design system. It provides a collection of reusable interface elements and design tokens that follow international accessibility standards to ensure usability for people with diverse needs. The framework includes a responsive web layout system with defined breakpoints and grid containers that adapt interfaces for desktop, mobile, and tablet devices. It features an internationalized component suite that supports multiple languages, regional color schemes, and right-to-left text orientations. The library covers a broad range of interface ca

rsuite is a React UI component library and enterprise design system used to build professional web interfaces. It functions as a themable component suite and localized UI toolkit, providing the necessary tools for developing data-heavy administrative dashboards and internal applications. The library is distinguished by its built-in support for server-side rendering to improve initial page load speeds and search engine visibility. It includes a global provider for managing consistent visual styles and high-contrast modes, alongside a translation layer for interface localization and date format

Ignite is a command-line interface tool and project boilerplate for standardized cross-platform mobile application development. It provides a pre-configured foundation that includes a mobile app UI framework and a set of scaffolds to ensure architectural consistency across projects. The project distinguishes itself through a dedicated CLI for generating standardized components and models, as well as a mechanism for upgrading project boilerplates and dependencies. It further supports development through a curated collection of shared code recipes for common implementation tasks. The capabilit

Geist UI is a design system framework and React UI component library. It provides a collection of pre-styled, accessible components and design primitives used to maintain visual consistency across websites and applications. The framework includes a themed UI provider that manages application styles through a centralized system, enabling the switching of visual modes such as light and dark themes. It also features a responsive CSS grid system for organizing content into rows and columns that adapt to various screen sizes. The library covers accessible UI development using compliant markup and

Arco Design is a React UI component library and design system framework used to build professional web interfaces. It provides a collection of pre-built visual elements and layouts designed to maintain a consistent design language across applications. The system features a token-based theming engine that utilizes hierarchical design variables and CSS variables to enable granular visual customization. This allows for the modification of global and component-level styles through a dedicated theme editor or loader to align the interface with specific brand identities. The framework supports ent

HandyControl is a desktop UI framework and component library designed for building Windows desktop software. It provides a collection of pre-styled and themed user interface controls for applications developed using the Windows Presentation Foundation framework. The project serves as a XAML style library, offering reusable resources and templates that define the visual appearance of common interface elements. It enables the creation of consistent layouts and modern visual themes across Windows applications by providing ready-made components that reduce the need for custom styling and boilerpl

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

This project is a modular user interface framework for Vue applications that provides a collection of reusable components built with Tailwind CSS. It functions as a configuration-driven design system tool, enabling developers to maintain visual consistency across complex applications through centralized theme management and utility-based styling. The library distinguishes itself through a highly configurable architecture that supports variant-based style mapping and component instance customization. Developers can define global defaults or create multiple versions of the same interface elemen

This project is a cross-platform UI toolkit and universal UI framework providing a collection of pre-styled interface components for building mobile and web applications. It functions as a mobile design system and themed component library, allowing developers to maintain a cohesive visual language across different screens and devices using a shared codebase. The toolkit centers on a themed component architecture that supports global and component-level style configurations. This enables the definition of colors and property defaults in a central location to ensure consistent branding and a un

Skeleton is a Svelte Tailwind UI toolkit and adaptive component library. It provides a utility-first design system for building reactive web interfaces, focusing on consistent themes and typography across various screen sizes. The toolkit combines pre-styled components with layout tools to support responsive UI design and rapid frontend prototyping. It enables the creation of adaptive user interfaces through a standardized set of utility classes for styling and layout. The system covers high-level capabilities in Svelte web development and Tailwind CSS styling, utilizing a flexible grid syst