Top 13 utility-class Open-Source Projects

• Tailwind CSS

  1,277 78,166 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Project mention: Customer service pages for e-commerce built with Tailwind CSS | dev.to | 2024-04-24

Tailwind CSS

• panda

  12 4,681 9.9 TypeScript

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

  

Project mention: Show HN: Tailwind Nested VSCode Extension | news.ycombinator.com | 2024-04-22

• SurveyJS

  surveyjs.io sponsored

  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.

  

• tailwind-merge

  11 3,991 9.1 TypeScript

  Merge Tailwind CSS classes without style conflicts

Project mention: Styling React 2023 edition | dev.to | 2023-11-03

clsx is a tiny utility for constructing className strings conditionally, I use it in conjunction with tailwind-merge which merges Tailwind CSS classes without style conflicts.

• packages

  38 417 6.5 TypeScript

  💎 Monorepository for Stylify packages. Stylify uses CSS-like selectors to generate Extremely optimized utility-first CSS dynamically based on what you write 💎. (by stylify)

  

• design-system

  1 290 9.5 TypeScript

  Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites. (by CMSgov)

  

• css

  9 114 6.9 SCSS

  Utility and component-centric design system leveraging Bootstrap 5 for rapid, responsive UI development. (by webpixels)

  

• emma.css

  1 55 4.7 SCSS

  🍴 Emma.css { utility-classes: emmet-like; }

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• classy-ink

  1 43 7.0 TypeScript

  Build classy CLI interfaces with utility classes and Ink.

Project mention: Build command line UIs with utility classes – Classy Ink | news.ycombinator.com | 2023-11-11

• core

  1 28 0.0 SCSS

  Small, useful CSS library build on utility classes & components. (by hypestyle)

  

• hgrid-css

  10 14 2.8 SCSS

  🌟 A lightweight and practical CSS utility kit. Zero config. Flat learning curve.

• BigBookOfDataTypes

  2 12 9.5 C#

  This is a large set of data types, extension methods, and utilities designed to make your life a little easier.

• ExpanderUtil

  1 1 4.3 JavaScript

  Adds utility classes to create simple click-to-expand objects.

• sass-system

  1 0 4.7 SCSS

  A style system generator and utility-first CSS framework

  

utility-classes related posts

• Show HN: Tailwind Nested VSCode Extension
  1 project | news.ycombinator.com | 22 Apr 2024
• Merge Tailwind CSS classes without style conflicts
  1 project | news.ycombinator.com | 31 May 2023
• Why can I not override class?
  4 projects | /r/tailwindcss | 26 May 2023
• Is using automapper bad?
  2 projects | /r/csharp | 3 Nov 2022
• Probably, the best design system for Bootstrap 5
  2 projects | /r/bootstrap | 11 Oct 2022
• Is tailwind used in real world when working at companies?What do you use to style your website
  6 projects | /r/Frontend | 21 Jun 2022
• How can I override Vue's behavior for merging classes?
  1 project | /r/vuejs | 5 Jan 2022
• A note from our sponsor - WorkOS
  workos.com | 24 Apr 2024

  The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Index

Sponsored

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.

www.influxdata.com