Animated Stat Card Components

Dev Design Library indexes 15 Animated stat card components from 8 open-source UI libraries, with the most coming from Amicro Micro Transitions, Spectrum UI, ReactFrame, ZAYX and Sona UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the stat card components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Stat card components belong to the Data display group.

• Device Usage ChartAmicro Micro Transitions · React
• Metric CardKokonut UI · ReactA revenue KPI card. Scrub a day, drag a range, or pick a segment; the number rolls, the line morphs and the breakdown…
• Insight CardsSpectrum UI · ReactMetric cards with spark bars, trend deltas, and an AI note.
• Expandable Data CardSona UI · React
• Metric cardArc Library · ReactA compact summary for a number that needs context.
• Piggy BankZAYX · React Native
• Insight CardEaseUI · ReactA stat tile: a label, a headline value, and an optional trend pill. Pass a Number Ticker as the value to have it roll…
• Stat CardReactFrame · ReactA dashboard metric card with an animated count-up value, an auto-derived good/bad trend badge, an optional icon and a…
• Mono Rounded Kpi Card ChartAmicro Micro Transitions · React
• Stat CardsSpectrum UI · ReactKPI cards with a big value, the delta written as a sentence, and a scrubbable sparkline or progress bar beside it…
• Stat FeatureReactFrame · ReactA metrics section with a concentric ring chart, a trend caption and count-up stats that enter with a blur, slide, fade…
• Revenue Line ChartAmicro Micro Transitions · React
• Server GaugeAmicro Micro Transitions · React
• Storage Usage ChartAmicro Micro Transitions · React
• Traffic BubbleAmicro Micro Transitions · React

Libraries with Animated stat card components

• Amicro Micro Transitions
• Spectrum UI
• ReactFrame
• ZAYX
• Sona UI

Related categories

• Stat Card Components
• Tailwind CSS Stat Card Components
• shadcn/ui Stat Card Components
• Animated Data Display Components
• Animated Card Components
• Animated Chart Components
• Animated Carousel Components
• Animated Accordion Components
• Animated Stat Components
• Animated Collapsible Components
• Animated Card Stack Components
• Animated Counter Components
• Animated List Components
• Animated Avatar Components
• Animated Table Components
• Animated Tree View Components
• Animated Avatar Group Components
• Animated Line Chart Components
• Animated Timeline Components