tremorlabs / tremor

React components to build charts and dashboards
https://tremor.so
Apache License 2.0
15.39k stars 446 forks source link
react-components reactjs tailwindcss typescript ui-system



Tremor Logo



npm Read the documentation License Apache 2.0 Join Slack Follow at Tremorlabs

DocumentationWebsite


React components to build charts and dashboards

[Tremor](https://tremor.so/) 20+ open-source components built on top of Tailwind CSS to make visualizing data simple again. Fully open-source, made by data scientists and software engineers with a sweet spot for design.
![Tremor Banner](images/banner-github-readme.png)
## Getting Started See our [Installation Guide](https://www.tremor.so/docs/getting-started/installation). To make use of the library we also need Tailwind CSS setup in the project. ## Example With Tremor creating an analytical interface is easy. ```jsx "use client"; import { AreaChart, Card } from "@tremor/react"; const chartdata = [ { date: "Jan 23", "Route Requests": 289, "Station Requests": 233, }, // ... { date: "Oct 23", "Route Requests": 283, "Station Requests": 247, }, ]; export default function Example() { return ( Total Requests

6,568

); } ```
Tremor Example ## Community and Contribution We are always looking for new ideas or other ways to improve Tremor. If you have developed anything cool or found a bug, send us a pull request. Check out our Contributor License Agreement [here](https://www.tremor.so/contributors). ## License [Apache License 2.0](https://github.com/tremorlabs/tremor/blob/main/License) Copyright © 2024 Tremor Labs, Inc. All rights reserved.