@tremor/react

The react library to build dashboards fast

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.

Getting started

To get started with tremor, follow these steps:

1. Create a react app

   npx create-react-app my-app
   cd my-app
   

2. Install tremor using NPM

   npm install @tremor/react
   

💡 Hint: If you want to see how you can build your first dashboard, have a look at our documentation.

Example

With tremor creating an analytical interface is easy.

Card.tsx

// example of component composition

import { Card, Title, Metric, Flex, Text, Bold, ProgressBar } from "@tremor/react";

<Card>
    <Title title="Ticket Sales"/>
    <Metric value="$ 71,465"/>
        <Flex>
            <Text><Bold>32%</Bold>of annual target</Text>
            <Text>$ 223,328</Text>
        </Flex>
    <ProgressBar widthPercentage="32%"/>
</Card>

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 © 2022 Tremor. All rights reserved.