Tailwind CSS VS antd

Recently I came across a CSS framework called Tailwind CSS.

The only addition that I have to this answer is that Tailwind CSS simplifies the design of a site.

Tailwindcss - CSS utility framework

Ani-Ko is a simple web application built with Vue and Tailwind that uses the Anilist API to fetch anime and manga information from the source.

Styling is done with the assistance of tailwindcss.

INPE TailwindCSS NextJS TurfJS @react-google-maps/api

Development: Nextjs + TailwindCss

Tailwind CSS - 51K⭐

Write more CSS in most of my projects I tend to reach for Bootstrap or Tailwind and learn some more sass (I know some basics).

Check out: Ant-Design

It is crucial to understand that nice-modal-react is not the modal component itself. You will need to create the actual modals yourself (or use pre-built components from UI libraries like Material UI, Ant design, or Chakra).

Ant Design - 77K⭐

Since it is a mapping app, include the following: ** turfjs https://turfjs.org/docs/ ** Ant.Design https://ant.design/ ** Redux ** OSM

I've been using Ant design components at work for about three years. It's been pretty painless but to be completely honest, there are a few negatives I can think of:

You're right as it probably won't work well with MUI [0] (formerly React Material) and similar options like Ant [1]. But they all accept a theme provider that could hook in to the Tailwind config. Never tried it though.

But a swell of less opinionated offerings [2] [3] [4] (more and more the popular anyways) work well with Tailwind. In fact, when writing your own libs, exposing a className prop makes them painlessly customisable.

0 - https://mui.com

1 - https://ant.design

2 - https://www.radix-ui.com/docs/primitives/overview/styling

3 - https://react-table.tanstack.com

4 - https://react-spectrum.adobe.com/react-aria/

Hello Everyone, so the question is what approach would you follow if you building a react app from scratch and with a design that's kinda unique and not based on existing design system, would you build something from scratch (buttons, typography, tables, layouts, cards etc..) and use tailwind or styled-components and make everything composable and atomic, or use an existing open source design system library (ant.design or rsuit, for example) and customize it? which approach is more reliable based on your experience?

Ant Design

Ant (React) or Ant (Vue)