Tailwind Is a Leaky Abstraction

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - 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
featured
  • styled-system

    ⬢ Style props for rapid UI development

  • I find css-as-props is better than a huge string of classes, as it much more readable and statically analyzable. I wonder if anyone is working on a successor to styled-system (though it works fine).

    [1] https://styled-system.com/

  • SurveyJS

    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.

    SurveyJS logo
  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • > their pay-for-documentation model

    Yikers this comment sets the stage for a real bad game of phone tag! I think you're mistaking TailwindUI[0], the set of proprietary UI component cheat codes based on top of TailwindCSS, with TailwindCSS[1], the actual CSS library being discussed here.

    [0] https://tailwindui.com/

    [1] https://tailwindcss.com/

  • mantine

    A fully featured React components library

  • I use Mantine[0] which uses Emotion[1] for styling. I like keeping the CSS properties in a neat JSON object instead of a long string like Tailwind does. With the object approach, conditional styling is easier too. With Tailwind, you have to use cx or another package to do this and it makes the code a little hard to read.

    Emotion isn't without it's flaws though. The company that created Emotion doesn't use it anymore because of runtime overhead[2] so Tailwind may be the future after all.

    [0] https://mantine.dev

    [1] https://emotion.sh/docs/introduction

    [2] https://www.infoq.com/news/2022/10/prefer-build-time-css-js/...

  • open-props

    CSS custom properties to help accelerate adaptive and consistent design.

  • Not much.

    Tailwind's @apply just lets you apply Tailwind design tokens to CSS classes. It's useful for keeping designs looking consistent if you're already heavily invested in Tailwind.

    This is probably not something you need to worry about unless you're working at a very large organization with many teams and web properties.

    And there are other CSS-native ways of doing this without Tailwind too. Open Props is a good example (https://open-props.style/).

  • unocss

    The instant on-demand atomic CSS engine.

  • InfluxDB

    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.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • List of free Tailwind UI component resources

    12 projects | /r/tailwindcss | 7 Apr 2023
  • Material UI alternative that scales better for enterpise application?

    6 projects | /r/reactjs | 1 Mar 2023
  • Best open source components library for ReactJS?

    10 projects | /r/reactjs | 9 Jan 2023
  • Connect Wallet App using WAGMI and Tailwind CSS

    4 projects | dev.to | 1 Jan 2023
  • 8 CSS Frameworks to create wonderful websites.

    7 projects | dev.to | 18 Dec 2022