The react library to build dashboards fast
[Tremor](https://tremor.so/) 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.
## Getting Started
### 1. Create a React project
We start by creating a new React project with
[Create React App]([url](https://create-react-app.dev/docs/getting-started/)).
```bash
npx create-react-app my-project
cd my-project
```
### 2. Install the tremor library
Install tremor from your command line via npm.
```bash
npm install @tremor/react
```
Import our stylesheet into your `App.js` file.
```tsx
import '@tremor/react/dist/esm/tremor.css';
```
Since we are in beta, please be aware that there might be breaking changes in the future.
Finally, run the dev server.
```bash
npm start
```
**💡 Hint:** If you want to see how you can build your first dashboard, have a look at our [documentation](https://tremor.so/docs/getting-started/demo-dashboard).
## Example
With tremor creating an analytical interface is easy.
```jsx
//Card.tsx
import { Card, Text, Metric, Flex, ProgressBar } from "@tremor/react";
export default () => (
Sales
$ 71,465
32% of annual target
$ 225,000
);
```
## 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](https://github.com/tremorlabs/tremor/blob/main/License)
Copyright © 2022 Tremor. All rights reserved.
