Loaders and progress bars

9 entries

epic-spinners, the most-starred entry, is a collection of CSS spinners packaged as Vue components, though it has had no commit since 2024. phantom-ui takes a newer approach: a framework-agnostic web component that builds skeleton screens by measuring your real layout. vue-ellipse-progress draws animated circular progress bars, vue-next-progressbar is a slim top-of-page bar for Vue 3, and vue-skeleton-content-loader generates accessible skeletons.

Two older entries, vue-ins-progress-bar and vue-scroll-progress, target Vue 2. When adding loading states, prefer skeletons that match the final layout to avoid layout shift, give spinners an accessible label or set aria-busy on the loading region, and respect reduced-motion settings. In Nuxt, the built-in NuxtLoadingIndicator component already shows a progress bar during page navigation.

On the bench stars against last commit

9 entries

epic-spinnersepic-spinners

Easy to use css spinners collection with vue.js integration.

Vue 33.9kupdated 2y ago

phantom-ui

Structure-aware skeleton loader web component that measures your real DOM, supports Vue, React, Svelte and plain HTML.

Not stated809updated 1d ago

vue-ellipse-progressvue-ellipse-progress

A flexible Vue.js component to create beautiful animated circular progress bars and loaders

Vue 3372updated 1d ago

vue-ins-progress-barvue-ins-progress-barProgress bar

A Vue component of ins-style progress bar 一款 ins 风格的 vue 进度条组件

Vue 2 only327updated 1y ago

vue-scroll-progressvue-scroll-progressProgress bar

Simple Vue.js plugin for page scroll progress bar

Vue 2 only98updated 2y ago

vue-default-pagevue-default-page

A Vue 3.0 plugin with built-in v-loading, v-skeleton, v-error and v-empty custom directives.

Vue 334updated 2y ago

vue-next-progressbar@jambonn/vue-next-progressbarProgress bar

Slim progress bars(1KB gzipped) for Vue 3.

Vue 38updated 2y ago

vue-skeleton-content-loadervue-skeleton-content-loader

Lightweight and accessible library to make beautiful, animated loading skeletons that automatically adapt to your Vue app

Vue 33updated 3d ago

css-3d-progressProgress bar

A 3D progress bar component written using web Components, supports Vue, React and Svelte.

Not stated3updated 2y ago
Esc

Type to search every entry. ↑↓ to move, Enter to open.