# tremorlabs/tremor-npm

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/tremorlabs-tremor-npm).**

16,461 stars · 476 forks · TypeScript · apache-2.0

## Links

- GitHub: https://github.com/tremorlabs/tremor-npm
- Homepage: https://npm.tremor.so
- awesome-repositories: https://awesome-repositories.com/repository/tremorlabs-tremor-npm.md

## Topics

`react-components` `reactjs` `tailwindcss` `typescript` `ui-system`

## Description

Tremor is a React component library designed for building analytical dashboards and data-driven web interfaces. It provides a collection of modular UI elements and pre-styled charts that allow developers to render complex datasets into clear visual summaries.

The library functions as a utility-first UI kit that integrates with styling frameworks to ensure consistent design across dashboard layouts. By utilizing a declarative composition model, it enables the assembly of interfaces through reusable layout containers and property-driven visual configuration, decoupling raw data processing from graphical rendering.

The project covers a broad range of capabilities for analytical applications, including the visualization of data distributions, progress metrics, and conversion funnels. It also includes interactive form components for user input management and provides access to production-ready dashboard templates to accelerate interface prototyping and development cycles.

## Tags

### User Interface & Experience

- [Data Visualization Components](https://awesome-repositories.com/f/user-interface-experience/data-visualization-components.md) — Provides a comprehensive set of pre-styled charts and metrics components for analytical applications. ([source](https://cdn.jsdelivr.net/gh/tremorlabs/tremor-npm@main/README.md))
- [React Components](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components.md) — Provides a comprehensive library of modular React components specifically optimized for building analytical dashboards and data-driven interfaces.
- [Dashboard Layout Components](https://awesome-repositories.com/f/user-interface-experience/dashboard-layout-components.md) — Provides modular layout containers for structuring analytical widgets within dashboard interfaces.
- [Dashboard Layout Engines](https://awesome-repositories.com/f/user-interface-experience/dashboard-layout-engines.md) — Facilitates the assembly of functional dashboard interfaces using pre-styled layout components. ([source](https://npm.tremor.so/docs/getting-started/installation))
- [Utility-First CSS](https://awesome-repositories.com/f/user-interface-experience/utility-first-css.md) — Integrates utility-first styling to enable rapid, consistent design of responsive dashboard layouts.
- [Utility-First Styling](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/class-based-styling/utility-first-styling.md) — Applies styles using atomic utility classes to ensure consistent design without custom stylesheets.
- [Data Visualization](https://awesome-repositories.com/f/user-interface-experience/data-visualization.md) — Decouples raw data processing from graphical rendering to allow flexible integration with various data sources.
- [Statistical Distribution Visualizers](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks/immediate-mode-plotting-libraries/statistical-distribution-visualizers.md) — Plots data distributions on grids to reveal correlations and outliers within datasets. ([source](https://npm.tremor.so/components))
- [Form and Input Management](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management.md) — Provides interactive form components for gathering and filtering user data. ([source](https://npm.tremor.so/))
- [Rapid Interface Prototyping](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-authoring-software/design-tools/rapid-interface-prototyping.md) — Accelerates dashboard design and validation through pre-built UI elements and templates.
- [Declarative Component Architectures](https://awesome-repositories.com/f/user-interface-experience/declarative-component-architectures.md) — Enables building complex interfaces through hierarchical nesting of modular, property-driven UI elements.
- [Progress Indicators](https://awesome-repositories.com/f/user-interface-experience/progress-indicators.md) — Displays circular progress indicators to provide visual summaries of completion status. ([source](https://npm.tremor.so/components))

### Data & Databases

- [Analytics Dashboards](https://awesome-repositories.com/f/data-databases/analytics-dashboards.md) — Provides the core components and charts required for building analytical business dashboards. ([source](https://npm.tremor.so/))
- [Conversion Funnels](https://awesome-repositories.com/f/data-databases/conversion-funnels.md) — Visualizes sequential user paths to identify drop-off points in conversion funnels. ([source](https://npm.tremor.so/components))

### DevOps & Infrastructure

- [Dashboard Templates](https://awesome-repositories.com/f/devops-infrastructure/deployment-management/deployment-readiness/dashboard-templates.md) — Accelerates development with production-ready dashboard layouts for analytical applications. ([source](https://npm.tremor.so))

### Development Tools & Productivity

- [Deployment Templates](https://awesome-repositories.com/f/development-tools-productivity/deployment-templates.md) — Speeds up development cycles by utilizing pre-built dashboard and website layouts. ([source](https://npm.tremor.so/))