Open Props: Tailwind Alternative from Chrome Dev Team

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

SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io
featured
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
featured
  1. open-props

    CSS custom properties to help accelerate adaptive and consistent design.

    Nor is it from the "Chrome Dev Team" – this looks like a side project from a single Google developer advocate https://github.com/argyleink/open-props/graphs/contributors?...

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. pollen

    The CSS variables build system (by hyperfocalHQ)

    Very similar to Pollen (https://www.pollen.style), though it looks a little more complicated.

    IMO the main value of Tailwind is that it's a step function over your units and colors, which helps bring better consistency and dev speed to UI implementation.

    Tailwind's "write class names instead of CSS" approach makes sense in the component-based systems most apps are built in these days, where pretty much any repeated markup will be turned into a component. It performs better than scoped styles and is less complicated.

    A CSS variable approach like Open Props or Pollen is, in my experience, better if you're not using a component-based system (ie. conventional HTML) and therefore have repeated markup patterns. Having a simple class name to apply to repeated markup is much more maintainable than trying to copy/paste a long tailwind string around.

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

  • Open Props – Supercharged CSS Variables

    2 projects | news.ycombinator.com | 8 Sep 2024
  • Pollen, the CSS variable build system

    2 projects | /r/Frontend | 12 Sep 2022
  • What are cool kids using for styling these days?

    2 projects | /r/webdev | 28 Jan 2022
  • Ask HN: Looking for an open CSS variables theme that was published here

    2 projects | news.ycombinator.com | 3 Jan 2022
  • Tailwind CSS and the death of web craftsmanship

    8 projects | news.ycombinator.com | 2 Aug 2023