Top 6 TypeScript utility-class Projects

Tailwind CSS

1,280 78,370 9.4 TypeScript

A utility-first CSS framework for rapid UI development.

Project mention: Building an Email Assistant Application with Burr | dev.to | 2024-04-26

You can use any frontend framework you want — react-based tooling, however, has a natural advantage as it models everything as a function of state, which can map 1:1 with the concept in Burr. In the demo app we use react, react-query, and tailwind, but we’ll be skipping over this largely (it is not central to the purpose of the post).

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 4,013 9.0 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 419 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)
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

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).