shadcn/ui Progress Components

Dev Design Library indexes 19 shadcn/ui progress components from 9 open-source UI libraries, with the most coming from audiocn, Shadcn Space, sv-particles, Cult UI and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Progress components belong to the Feedback group.

• Loading CarouselCult UI · ReactLoading carousel component with smooth transitions and customizable content
• Progress With ValueSpectrum UI · Reactcomponent for the Progress With Value
• Popover 05 - Download ProgressShadcn Space · ReactDownload progress popover with pause/resume/cancel controls and background fill animation.
• ContextAI Elements (Svelte) · SvelteA hover-card-based context window usage component with token, cost, and model usage breakdowns.
• Chat MinimapNotra · ReactA rail of lines that maps a conversation, built on shadcn Button, Card, HoverCard and Tooltip.
• Channel Stripaudiocn · ReactOne channel of a mixer: header, status, meter, fader, value, controls and a notice, as a row or a console strip. The…
• ProgressCojeev UI · ReactOne measured amount, explained as an inline task, a small report or connected milestones—with independent organic…
• With progressFLX UI · ReactLive import banner with a spinner and a progress bar.
• Password Input With Strength Indicatorsv-particles · Svelte
• Progress 04 - Shimmer Status ProgressShadcn Space · ReactAnimated progressbar with real-time text updates, smooth entrance and exit animations, and a polished UI.
• Level Meteraudiocn · ReactA peak and RMS level meter: mono or stereo, horizontal or vertical, solid, segmented or gradient, with zones, peak…
• Password Input With Strength Inidicatorsv-particles · Svelte
• Progress 06 - Labeled ColorsShadcn Space · ReactGoal progress bars with a label, a percentage value, and a different color per bar, composed from the progress…
• Microphone Setupaudiocn · ReactChoose and check a microphone: device select with a live preview, a level meter, gain, mute and a level check that…
• Progress 09 - Page Loading & IndeterminateShadcn Space · ReactTop page loading bar that trickles and finishes on navigation, plus an indeterminate progress bar for tasks with…
• Quick Audio Popoveraudiocn · ReactCompact microphone and system audio controls behind one toolbar button that shows a live level.
• Stepper 03 - Animated Progress IndicatorsShadcn Space · ReactStepper with spring-based progress line, traveling dot, pulsing active badge, icon to checkmark morphing, and…
• System Audio Mixeraudiocn · ReactThe complete mixer: microphone, system audio, music and sound pads with meters, faders, mute, solo, monitor and…
• System Audio Settingsaudiocn · ReactTurn system audio capture on, set its level, watch its meter and explain what the browser will capture.

Libraries with shadcn/ui progress components

• audiocn
• Shadcn Space
• sv-particles
• Cult UI
• Spectrum UI

Related categories

• Progress Components
• React Progress Components
• Tailwind CSS Progress Components
• Animated Progress Components
• shadcn/ui Feedback Components
• shadcn/ui Badge Components
• shadcn/ui Alert Components
• shadcn/ui Banner Components
• shadcn/ui Chip Components
• shadcn/ui Spinner Components
• shadcn/ui Skeleton Components
• shadcn/ui Empty State Components
• shadcn/ui Notification Components
• shadcn/ui Status Indicator Components
• shadcn/ui Progress Bar Components
• shadcn/ui Error State Components
• shadcn/ui Typing Indicator Components