Using tailwind at build-time with lit-element

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

Our great sponsors
  • OPS - Build and Run Open Source Unikernels
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
  • cssnano

    A modular minifier, built on top of the PostCSS ecosystem.


  • postcss-syntax

    Automatically switch PostCSS syntax based on file extensions


  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • lit-element

    LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.

    Using a lit-element component:

  • PostCSS

    Transforming styles with JS plugins


  • postcss-css-in-js

    PostCSS syntax for parsing CSS in JS literals


  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    A few days ago, I wrote about using tailwind with web components at run-time:

  • twind

    The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

    I previously solved this by using twind, a great little library which behaves as a 'tailwind runtime' and produces the correct stylesheets at run-time.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

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