Bar List Components

Dev Design Library indexes 26 bar list components from 9 open-source UI libraries, with the most coming from Tremor Blocks, LocalMode, Spectrum UI, Intent 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. Bar list components belong to the Data display group.

• Bar ListChakra UI · ReactUsed to display categorical data with horizontal bars, showing comparisons between different categories or items
• Bar ListTremor · React
• trackerIntent UI · Reacttracker
• Composition ChartbeUI · ReactStacked bar and area shares with period tooltips and a compact interactive legend.
• Order BookSpectrum UI · ReactA trading ladder with cumulative depth bars, a spread row, and flashing updates in live mode.
• Bar ListTremor Blocks · ReactRanked list of horizontal bars, each with a name and a value, sorted ascending or descending.
• Preferenceglasscn · ReactA weighted preference bar with icon badges, hover tinting, and tooltip descriptions.
• Uptime BarUI Lab · ReactPoint at any day and the row's own caption tells you what happened.
• Audio Classifier BlockLocalMode · ReactMediaPipe YAMNet (521 environmental sound categories) top-8 classification of a microphone recording (MediaRecorder…
• b
  bar-listIntent UI · Reactbar-list
• Service Status FooterSpectrum UI · ReactThirty days of per-service uptime bars with a rolling incident ticker.
• Category BarTremor Blocks · ReactSingle horizontal bar split into coloured segments, with threshold labels and an optional marker for the current value.
• Model Evaluator BlockLocalMode · ReactEvaluate a selected classifier over a selected labeled dataset via useEvaluateModel, reporting accuracy plus macro…
• Top Pages TableSpectrum UI · ReactAn analytics table with mono paths, share-of-traffic bars and signed week-over-week deltas.
• Bar List 01Tremor Blocks · React
• Sentiment Analyzer BlockLocalMode · ReactClassify one text or thousands with DistilBERT SST-2 (one item per line, or a .txt/.csv first column) via…
• Bar List 02Tremor Blocks · React
• Text Classifier BlockLocalMode · ReactCustom-label zero-shot classification with MobileBERT MNLI over a user-editable label set (add trimmed +…
• Bar List 03Tremor Blocks · React
• Threshold Calibrator BlockLocalMode · ReactCalibrate a similarity threshold from corpus embeddings via useCalibrateThreshold at percentile 90, over a selected…
• Bar List 04Tremor Blocks · React
• Entity Stats BarLocalMode · ReactA horizontal stats bar showing the total detected-entity count plus per-type breakdown badges (PER / LOC / ORG / MISC…
• Bar List 05Tremor Blocks · React
• Scored Result Bar ListLocalMode · ReactA ranked vertical list of {label, score} pairs — each row shows the label, a confidence percentage (via…
• Bar List 06Tremor Blocks · React
• Bar List 07Tremor Blocks · React

Libraries with bar list components

• Tremor Blocks
• LocalMode
• Spectrum UI
• Intent UI
• beUI

Related categories

• Tailwind CSS Bar List 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