tremor VS design-system

Compare tremor vs design-system and see what are their differences.

tremor

React components to build charts and dashboards (by tremorlabs)

design-system

Masala Design System (MDS) is an open-source design system built at Innovaccer. This is a simple and customisable component library to build faster, beautiful, and more accessible React applications on the guidelines and principles of Masala Design System. (by innovaccer)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
tremor design-system
34 1
14,816 77
3.4% -
8.2 9.1
7 days ago 6 days ago
TypeScript TypeScript
Apache License 2.0 MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

tremor

Posts with mentions or reviews of tremor. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-07-28.
  • Tremor – The React library to build dashboards fast
    9 projects | news.ycombinator.com | 28 Jul 2023
    Interesting it's open-source but they don't seem to highlight it on their home page, I had to search for their Github page to find it https://github.com/tremorlabs/tremor

    Then when I came back to the home page and searched for "license", I confirmed it says "Apache-2.0 license" in light-grey, small font in the middle of the page.

  • Show HN: Tremor 3.0 – The open-source library to build dashboards fast
    3 projects | news.ycombinator.com | 8 Jun 2023
    I was hoping to see support for React Native but according to one of their issues]1], they need another contributor for it and "other JS frameworks"

    [1] https://github.com/tremorlabs/tremor/issues/230

  • [P] I made a dashboard to analyze OpenAI API usage
    4 projects | /r/MachineLearning | 7 May 2023
    I used https://tremor.so haha so not from scratch
    4 projects | /r/MachineLearning | 7 May 2023
    Neither! I deployed on nextjs and use https://tremor.so
    4 projects | /r/MachineLearning | 7 May 2023
    Thanks πŸ™ I’m glad you like it πŸ˜„ I used https://tremor.so for the graphs and https://screen.studio for recording the video
  • What component libraries do you use?
    7 projects | /r/reactjs | 8 Apr 2023
    I recently discovered https://github.com/tremorlabs/tremor a components lib aimed at building dashboards, it’s impressive how fast you can build a complete product with it … I built the ui for a python tasks scheduler in a couple of days: https://github.com/lucafaggianelli/mario-pype
  • Top 5 React Admin Dashboard Libraries in 2023
    4 projects | dev.to | 20 Mar 2023
    Github stars: 6.6k License: MIT Links: Demo | Documentation | GitHub
  • 10 Trending Github repositories / October, 20 2022
    7 projects | dev.to | 20 Oct 2022
    git clone https://github.com/tremorlabs/tremor.git
  • Tremor – React library to build dashboards fast
    2 projects | news.ycombinator.com | 9 Oct 2022
    First of all, there are at least three comments in this thread that dont really make sense / have strange grammer, are from accounts that have never participated before, and all of the comments seem to share a similar positive sentiment towards the post. I find this very odd.

    Moving on:

    I'm super, super confused with the structure of the project. It uses tailwind, but with a custom prefix for some reason?

    And then there are all these files in `src/lib` like this [one](https://github.com/tremorlabs/tremor/blob/a5c979959bedf558b7...) which contains 500 LOC of just... adding their prefix to existing tailwind classes.

    And then we have `colorVariantMapping.ts` which is over 3000 LOC. I just don't get it? Are they reimplementing parts of tailwind specifically for this project? I had a look at the tailwind github repo but I'm not familiar enough with it to be able to appropriately discern what is going on here.

    I might be missing something, but I'd love to get a breakdown of the project structure, and information on how it all interconnects.

    The components and site are all quite visually appealing, that's definitely a strong point. Unfortunately, the absence of any effort to make the components accessibly is very off-putting. Even a lot of non-accessibility UX standards are ignored (like ESC to close an open dropdown). The project might just be in beta, but accessibility should be part of the development process from the start, and not just an after thought, especially since there are so many great libraries that offer accessible, compliant ui primitives for react that you can then style / customize yourself.

    2 projects | news.ycombinator.com | 9 Oct 2022

design-system

Posts with mentions or reviews of design-system. We have used some of these posts to build our list of alternatives and similar projects.

We haven't tracked posts mentioning design-system yet.
Tracking mentions began in Dec 2020.

What are some alternatives?

When comparing tremor and design-system you can also consider the following projects:

shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

stable-diffusion - A latent text-to-image diffusion model

frontend-bootcamp - Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

satori - Enlightened library to convert HTML and CSS to SVG

components - React components for Cloudscape Design System

developer-roadmap - Interactive roadmaps, guides and other educational content to help developers grow in their careers.

Tabby - A terminal for a more modern age

slash - A collection of TypeScript/JavaScript packages to build high-quality web services.

design-system - Priceline.com Design System

kimia-UI - A collection of UI Components for React built with Tailwind CSS 3

ant-design-pro - πŸ‘¨πŸ»β€πŸ’»πŸ‘©πŸ»β€πŸ’» Use Ant Design like a Pro!

ape-ecs - Entity-Component-System library for JavaScript.