How to style React components using CSS

• react-styling

  1 0 0.0 JavaScript

You can view the complete source code here and a demo here.

• Tailwind CSS

  1,285 78,752 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• styled-components

  223 40,115 8.4 TypeScript

  Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  

Styled Components helps in defining the styles of a component by passing the actual css using template literals (back ticks), as shown below:

• Sass

  199 14,911 8.9 TypeScript

  Sass makes CSS fun!

  

If you wish to use SCSS in your app, then you can do so by installing node-sass:

• semantic-ui-react

  37 13,181 6.6 JavaScript

  The official Semantic-UI-React integration

  

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

• react-bootstrap

  105 22,216 8.0 TypeScript

  Bootstrap components built with React

  

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

• Material UI

  290 91,755 10.0 TypeScript

  Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• chakra-ui

  344 36,667 9.0 MDX

  ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

• @blueprintjs/core

  36 20,428 9.5 TypeScript

  A React-based UI toolkit for the web

  

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

• antd

  210 90,297 10.0 TypeScript

  An enterprise-class UI design language and React UI library

  

There are other libraries as well like tailwind, and component libraries like Semantic UI, React Bootstrap, Ant Design, Chakra UI, BluePrint, Material UI, etc., which you can try out.

Suggest a related project