tremor-npm

Tremor NPM is a collection of more than 20 open-source React components designed for building charts and analytical dashboards. The library is built on top of Tailwind CSS and is described as made by data scientists and software engineers with a focus on design. It is published on npm as @tremor/react. What it provides - Chart and visualization components, such as AreaChart, that render series from a typed data array using an index field and a list of category keys, with configurable colors and axis options. - Layout and display building blocks such as Card and text styling classes (for example text-tremor-default, text-tremor-metric, text-tremor-content and their dark theme counterparts) that keep analytic interfaces consistent. - Styling that accounts for both light and dark color schemes, shown in the project's example screenshots and logo assets. The README's example shows a client-side React component that defines a chartdata array of dated records, then renders a Card containing a label, a metric value and an AreaChart with two categories mapped to indigo and rose colors. Requirements and setup The library relies on Tailwind CSS, so a Tailwind CSS setup is required in the consuming project in addition to installing the package. The project points readers to its installation guide at npm.tremor.so for the full setup steps. Documentation and a website are linked at the top of the repository. Community and contribution The maintainers state they welcome new ideas and improvements, and invite pull requests for anything built with the library or any bugs found. A contributor license agreement is referenced on the project's site, and there is a Slack community for the project as well as an account on X (@tremorlabs) for updates. License The project is released under the Apache License 2.0. The README carries a copyright notice for Tremor Labs, Inc. Who it may suit Developers building data-focused web applications in React who want pre-built chart and card components rather than assembling a charting layer from scratch, particularly teams already using Tailwind CSS for styling. Note that integration details, component inventory and behavior should be confirmed against the current documentation before adoption.