Moving From Tailwind To Vanilla-er CSS

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • postcss-preset-env

    Discontinued Convert modern CSS into something browsers understand

    To solve this I used postcss-preset-env, which allowed me to define a "custom-media" with the name --viewport-lg and the value (min-width: 1024px). As postcss-preset-env also supported nested CSS this allowed for some pretty readable CSS.

  • postcss-mixins

    PostCSS plugin for mixins

    However, I found the solution was to use mixins via postcss-mixins.

  • WorkOS

    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.

  • postcss-import-ext-glob

    A PostCSS plugin to extend postcss-import path resolver to allow glob usage as path, e.g. @import-glob "**/*.css";

    As my project grew, I found I could glob import files via postcss-import-ext-glob, which made my index.css file much more maintainable:

  • normalize.css

    A modern alternative to CSS resets

    Preflight. I always find it's super aggressive, this is probably because I come from a background where I've used normalize.css a lot. Having to setup base styling for semantic HTML feels tedious.

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