Tremor

Tremor

The React library to build dashboards fast.
GitHub
12.9k
Created a year ago, last commit 9 days ago
44 contributors
988 commits
Stars added on GitHub, month by month
9
10
11
12
1
2
3
4
5
6
7
8
2022
2023
Stars added on GitHub, per day, on average
Yesterday
+18
Last week
+10.9 /day
Last month
+14.1 /day
Package on NPM
Monthly downloads on NPM
9
10
11
12
1
2
3
4
5
6
7
8
2022
2023
README



Tremor lets you create simple and modular components to build insightful dashboards in a breeze. Fully open-source, made by data scientists and software engineers with a sweet spot for design.



Tremor Banner



Getting Started

For new projects, we recommend using Next.js 13.4+. For other frameworks, see our Installation Guide. To make use of the library we also need Tailwind CSS setup in the project. For manual installation, refer to the installation guide on our website.


Using NextJS

In your terminal, we create a new Next project. When prompted Would you like to use Tailwind CSS with this project?, select Yes.

npx create-next-app@latest my-project
cd my-project

Installation using the Tremor CLI

We recommend installing Tremor with our CLI. To do so, run this command and select Next as your framework. If you prefer a manual installation, check the installation guide on our website.

npx @tremor/cli@latest init

Now you are set and you can start the dev server.

npm run dev

Example

With Tremor creating an analytical interface is easy.


//Card.tsx
import { Card, Text, Metric, Flex, ProgressBar } from "@tremor/react";
export default () => (
  <Card className="max-w-sm">
    <Text>Sales</Text>
    <Metric>$ 71,465</Metric>
    <Flex className="mt-4">
      <Text>32% of annual target</Text>
      <Text>$ 225,000</Text>
    </Flex>
    <ProgressBar value={32} className="mt-2" />
  </Card>
);

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.

License

Apache License 2.0

Copyright © 2023 Tremor. All rights reserved.