React Progress Circle Components

Dev Design Library indexes 35 React progress circle components from 25 open-source UI libraries, with the most coming from OpenSourceUI, Spectrum UI, React Bits, Amicro Micro Transitions and LocalMode. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Progress circle components belong to the Feedback group.

Circular ProgressMUI / Material UI · React
Hold ButtonReact Bits · ReactHold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label…
Progress CircleChakra UI · ReactUsed to display a task's progress in a circular form.
Progress CircleHeroUI · ReactA circular progress indicator that shows determinate or indeterminate progress.
Animated Circular Progress BarMagic UI · ReactAnimated Circular Progress Bar is a component that displays a circular gauge with a percentage value.
Progress CircleReact Spectrum · ReactProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual…
ProgressArk UI · React
Progress CircleTremor · React
App Icon LoadAmicro Micro Transitions · ReactApp Icon Load loading animation.
ProgressPark UI · ReactA display component for showing task completion and loading states.
Apple Activity CardKokonut UI · ReactActivity rings that draw with a count-up, lap past 100% with a shadowed end cap and dim to focus, built with React and…
progress-circleIntent UI · Reactprogress-circle
Progress IndicatorsUntitled UI React · React
Hold to ConfirmSpectrum UI · ReactA press-and-hold confirmation button for destructive actions with a filling progress ring, spring-back on early…
Step Count WidgetOpenSourceUI · ReactFitness widget showing the day's step count with a circular progress ring toward the goal.
Client Carduselayouts · ReactA client CRM card with payment and deadline rings, plus a morphing avatar stack.
Progress CircleTremor Blocks · React
Circular ProgressShark UI · ReactShows task progress with a circular indicator.
ProgressHextaUI · ReactA bar or ring that shows how far a task has come, eases between updates and slides while the total is unknown.
Char Limit IndicatorLocalMode · ReactA radial progress ring + n/MAX monospace counter that turns error-colored when over the limit, deriving the percentage…
Focus sessionCojeev UI · ReactA local focus timer composed from Cojeev cards, progress, badges and native controls.
Progress CircleHalaska UI · React
Battery WidgetOpaline · ReactBatteries widget with device rings that fill, turn red when low and show charging.
Progress Circle BarsReactFrame · ReactA circular progress indicator with ring, gauge, and dashes arc styles, scroll-triggered count-up animation, color…
Progress Circularark-cn · ReactA shadcn-style progress circular component built with Ark UI primitives.
Slosh GaugeReact Bits · ReactTank gauge whose liquid chases the value with mass, tilts with its own speed and splashes against the top when it…
Segmented Arc MeterAmicro Micro Transitions · ReactStepped 4-bar discrete vertical gauge with percentage readout.
Undo PillSpectrum UI · ReactAn inline undo pill with a draining countdown ring that pauses on hover and fires undo or expire callbacks
Battery Face WidgetOpenSourceUI · React
Model Recommendation CardLocalMode · ReactA single scored recommendation: a radial score dial (0–100), the model name, a monospace model id, a badge row…
Stat FeatureReactFrame · ReactA metrics section with a concentric ring chart, a trend caption and count-up stats that enter with a blur, slide, fade…
Electric Scooter WidgetOpenSourceUI · React
Ios Earbuds WidgetOpenSourceUI · React
Progress Ring CardOpenSourceUI · React
Sleep Score WidgetOpenSourceUI · React

React Progress Circle Components

Libraries with React progress circle components

Related categories