30 open-source projects similar to jacoborus/nanobar, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
Delightful and performance-focused pure css loading animations.
This project is a collection of lightweight animated loading indicators and pure CSS UI components. It provides a library of pre-made styles and keyframes for rendering visual motion effects and loading spinners without the use of JavaScript. The library prioritizes minimal document object model overhead by utilizing a single-element HTML structure for each loader. It employs pseudo-elements to create complex shapes and relies on font-size based scaling to ensure proportional resizing across different dimensions. These components function as user interface feedback systems, providing visual
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
spin.js is a CSS loading spinner library used to signal background processes through resolution-independent activity indicators. It provides a JavaScript animation wrapper that manages the lifecycle and document injection of these elements, allowing for the programmatic start and stop of loading states. The project allows for the definition of spinner geometry, colors, and animation speed to match specific design systems. Users can customize the visual appearance through parameters such as line count, radius, and shadow effects, while also controlling rotation direction and timing. The libra
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 library of animated UI elements and CSS loading spinners designed to indicate background processes to users. It provides a collection of pre-built Vue components that wrap CSS animations for integration into web applications. The library allows for the customization of spinner appearance, including the adjustment of size, color, and animation speed to match a specific visual brand. These indicators provide visual feedback during asynchronous operations to ensure the frontend user experience remains active.
Ladda is an animated button library that provides loading button components to signal processing states during web interactions. It serves as a form submission indicator that replaces button text with a loading spinner during asynchronous operations to provide user feedback and prevent multiple clicks. The library focuses on asynchronous UI feedback and frontend state visualization. It links the visual appearance of buttons to the loading state of API calls and manages the user experience during form submissions. Capabilities include the creation of buttons with integrated animation styles a
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect. Check out the Demo Bower? Me too :) fakeLoader.js is available as a Bower package. Just run bower install fakeloader
Amazing collection of React spinners components with pure css
This project is a client-side library for rendering responsive, animated SVG progress indicators. It functions as a frontend UI component and vector animation library designed to visualize completion status through linear, circular, and radial shapes. The library is distinguished by its support for custom vector path geometries, allowing users to define specific SVG path data to create specialized shapes. It uses a vector-based rendering approach to ensure that indicators remain sharp across different screen resolutions. The tool covers a range of capabilities including both static and anima
Material Progress —Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.
Rainbow progress bar Vue component in instagram style 🌈 Instagram 风格的 Vue 彩虹进度条组件
Collection sets of a spinners for async operations for ReactJS
Loading Bar (aka Progress Bar) for Redux and React
A Vue.js component to create beautiful animated circular progress bars
🎉 Page scroll progress bar component for @vuejs
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
Make beautiful, animated loading skeletons that automatically adapt to your Vue apps
A Vue 3.0 custom directives plugin
Modern ways of revealing new content using SVG animations.
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
A collection of loading spinner components for react