Sparkline Components

Dev Design Library indexes 20 sparkline components from 10 open-source UI libraries, with the most coming from Tremor Blocks, Spectrum UI, Amicro Micro Transitions, Halaska UI and beUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Sparkline components belong to the Data display group.

• SparklineChakra UI · ReactA small, simple chart without axes or coordinates that shows the general shape of data variation, typically used…
• Mono Rounded Kpi Card ChartAmicro Micro Transitions · React
• SparklinebeUI · ReactA compact inline trend for stat cards and tables, with a change badge and optional readout.
• Insight CardsSpectrum UI · ReactMetric cards with spark bars, trend deltas, and an AI note.
• Spark ChartTremor Blocks · ReactTiny inline charts without axes (spark area, spark line, spark bar) to sit next to a number.
• SparklineArc Library · ReactShow a compact trend beside a value.
• SparklineUI Lab · ReactDraws itself in, then scrubs to the nearest point under your cursor.
• MetricsFLX UI · ReactA stat card with trend and sparkline, layered over a second.
• SparklineHalaska UI · React
• SparklineMetal UI · React + SwiftUIA small series plot: a line with gaps, dots, the last point emphasised, a dashed baseline at the average.
• Mono Rounded Sparkline ChartAmicro Micro Transitions · React
• Market Watchlist TableSpectrum UI · ReactA price watchlist with ticker tiles, signed 24h changes and seven-day inline sparklines.
• Spark Chart 01Tremor Blocks · React
• SparklineSpectrum UI · ReactCompact inline price marks for watchlists, token tables, and portfolio rows.
• Spark Chart 02Tremor Blocks · 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…
• Spark Chart 03Tremor Blocks · React
• Spark Chart 04Tremor Blocks · React
• Spark Chart 05Tremor Blocks · React
• Spark Chart 06Tremor Blocks · React

Libraries with sparkline components

• Tremor Blocks
• Spectrum UI
• Amicro Micro Transitions
• Halaska UI
• beUI

Related categories

• Tailwind CSS Sparkline Components
• Animated Sparkline Components
• Data Display Components
• Card Components
• Chart Components
• Table Components
• Avatar Components
• List Components
• Stat Components
• Calendar Components
• Accordion Components
• Data Table Components
• Carousel Components
• Collapsible Components
• Avatar Group Components
• Stat Card Components
• Bar Chart Components
• Tree View Components