codefest.ai
← back to library
libraryTremor
uibeginner15 min setup

Tremor

Dashboard components. Charts, KPIs, and tables for React.

GitHub ↗Docs ↗Add to session →
Plain language
What is it?

A set of pre-built dashboard components — charts, stat cards, tables, and filters — that let you build a data dashboard quickly.

Why use it at a hackathon?

When your app needs to show data visually to users — counts, trends, comparisons — Tremor gives you professional-looking charts without building them from scratch.

Common use

Community health dashboards, environmental monitoring displays, food security reporting, civic open data visualization, energy usage tracking.

Tags
dashboardchartstailwindanalytics
At a glance
Setup time: 15 minutes
Difficulty: beginner
Skill: Beginner. Component props are intuitive. Pass your data in, get a chart out. Works well without deep charting knowledge.
Impact context
Challenge domains
Civic TechHealth & WellbeingClimate & EnvironmentEconomic EquityFood & AgricultureEnergy & Utilities
SDGs
Good HealthClimate ActionDecent WorkAffordable EnergyZero HungerSustainable Cities
Related components
Recharts
Composable charting library built on D3.
shadcn/ui
Beautiful components. Copy-paste, not npm install. You own the code.
TanStack Table
Headless table library. Sorting, filtering, pagination.
Building with Tremor?
Add it to your hackathon session workspace.
Open Workspace →