Using TailwindCSS v3 in Docusaurus in 5 steps

This page summarizes the projects mentioned and recommended in the original post on dev.to
Documentation Tailwindcss Website CSS JavaScript

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

  • Docusaurus

    Easy to maintain open source documentation websites.

    • Unfortunately, I noticed that the default setup didn't support TailwindCSS out-of-the-box despite a github issue that is a few years old. There are a few npm packages (e.g. https://www.npmjs.com/package/docusaurus-tailwindcss) which allow you to leverage TailwindCSS but those packages are using the outdated version of TailwindCSS.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    • Unfortunately, I noticed that the default setup didn't support TailwindCSS out-of-the-box despite a github issue that is a few years old. There are a few npm packages (e.g. https://www.npmjs.com/package/docusaurus-tailwindcss) which allow you to leverage TailwindCSS but those packages are using the outdated version of TailwindCSS.

  • 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
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

  • Ask HN: Which are the best tools for generating websites?

    3 projects | news.ycombinator.com | 29 Apr 2022

  • Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace

    4 projects | dev.to | 25 Apr 2024

  • Preline UI + Gowebly CLI = ❤️

    2 projects | dev.to | 25 Apr 2024

  • Here are the 10 projects I am contributing to over the next 6 months. Share yours

    13 projects | dev.to | 13 Apr 2024

  • Collab Lab #66 Recap

    7 projects | dev.to | 7 Apr 2024