https://github.com/tremorlabs/tremor-npm
React components to build charts and dashboards
https://github.com/tremorlabs/tremor-npm
react-components reactjs tailwindcss typescript ui-system
Last synced: 5 days ago
JSON representation
React components to build charts and dashboards
- Host: GitHub
- URL: https://github.com/tremorlabs/tremor-npm
- Owner: tremorlabs
- License: apache-2.0
- Created: 2022-04-19T20:54:32.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-13T13:06:10.000Z (3 months ago)
- Last Synced: 2025-04-07T00:27:16.368Z (9 days ago)
- Topics: react-components, reactjs, tailwindcss, typescript, ui-system
- Language: TypeScript
- Homepage: https://npm.tremor.so
- Size: 11 MB
- Stars: 16,362
- Watchers: 49
- Forks: 470
- Open Issues: 62
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: License
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome - tremorlabs/tremor-npm - React components to build charts and dashboards (TypeScript)
- my-awesome-list - tremor-npm
- awesome - tremorlabs/tremor-npm - React components to build charts and dashboards (TypeScript)
- stars - tremor-npm
- awesome-ccamel - tremorlabs/tremor-npm - React components to build charts and dashboards (TypeScript)
- awesome-github-repos - tremorlabs/tremor-npm - React components to build charts and dashboards (TypeScript)
README
[Tremor NPM](https://npm.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.
## Getting Started
See our [Installation Guide](https://npm.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
);
}
```
## Community and Contribution
We are always looking for new ideas or other ways to improve Tremor NPM. If you have developed anything cool or found a bug, send us a pull request. Check out our Contributor License Agreement [here](https://tremor.so/contributors).
## License
[Apache License 2.0](https://github.com/tremorlabs/tremor-npm/blob/main/License)
Copyright © 2025 Tremor Labs, Inc. All rights reserved.
