I Recreated a Bootstrap Website with Tailwind CSS, And Here Are The Differences

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

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

    Discontinued :bulb: Simple buttons you can use easily for your next project.

  • So, I decided to recreate the website for sButtons, an open-source project I maintain. Originally, it was built with just HTML and Bootstrap. This is how it looked like:

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • However, recently, I've been hearing a lot about Tailwind CSS. I kept seeing people on Twitter and articles talk about it, that I got curious and wanted to try it out.

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

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  • Every web developer starts with Bootstrap. It's easy to use and saves so much time creating a website. Bootstrap is a necessity that every web developer relies on, whether beginner or advanced.

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

  • 🚀🚀Beginner CSS ZERO to HERO

    4 projects | dev.to | 27 Oct 2023
  • I made websites, and I am constantly reminded by I stick to backend.

    4 projects | /r/webdev | 27 Jun 2023
  • All 7 ways to deal with CSS most never tried

    5 projects | dev.to | 7 Jun 2023
  • I made a free no-code ML tool

    2 projects | /r/datascience | 20 May 2023
  • Best 3 Bootstrap Alternatives

    5 projects | dev.to | 23 Apr 2023