1. Welcome | Let's Build CSS Framework

• Tailwind CSS

  1,283 78,568 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

The framework that we'll build in this series, will be small and will have a minimum set of features/components. You wouldn't find many features in this framework and that is intentional. Because, we're not here to build a framework that will compete with popular frameworks such as Bootstrap or Tailwind CSS. The framework we're going to build in this series is for fun and education. (That is more important I think).

• stylus

  26 11,170 6.8 JavaScript

  Expressive, robust, feature-rich CSS language built for nodejs

  

We're going to use CSS language to build this CSS framework. I know that we've preprocessors such as Sass, Less, or Stylus. I also know that these preprocessors are great for this specific purpose. But, I'll not use them. Just simple and plain CSS language. Why? Because, I want to minimize the barrier to follow this series. I mean if you're planning to read these articles, chances are high that you know CSS. But, I can't assume similar for these preprocessors. Even it might possible that you haven't heard about them at all. Still, towards the end, we'll port the framework using Stylus.

• SurveyJS

  surveyjs.io featured

  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.

  

• Sass

  199 14,906 8.9 TypeScript

  Sass makes CSS fun!

  

We're going to use CSS language to build this CSS framework. I know that we've preprocessors such as Sass, Less, or Stylus. I also know that these preprocessors are great for this specific purpose. But, I'll not use them. Just simple and plain CSS language. Why? Because, I want to minimize the barrier to follow this series. I mean if you're planning to read these articles, chances are high that you know CSS. But, I can't assume similar for these preprocessors. Even it might possible that you haven't heard about them at all. Still, towards the end, we'll port the framework using Stylus.

• less-docs

  3 668 3.4 Less

  Documentation for Less.

  

We're going to use CSS language to build this CSS framework. I know that we've preprocessors such as Sass, Less, or Stylus. I also know that these preprocessors are great for this specific purpose. But, I'll not use them. Just simple and plain CSS language. Why? Because, I want to minimize the barrier to follow this series. I mean if you're planning to read these articles, chances are high that you know CSS. But, I can't assume similar for these preprocessors. Even it might possible that you haven't heard about them at all. Still, towards the end, we'll port the framework using Stylus.

• Bootstrap

  530 167,548 9.6 JavaScript

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

  

The framework that we'll build in this series, will be small and will have a minimum set of features/components. You wouldn't find many features in this framework and that is intentional. Because, we're not here to build a framework that will compete with popular frameworks such as Bootstrap or Tailwind CSS. The framework we're going to build in this series is for fun and education. (That is more important I think).

• InfluxDB

  www.influxdata.com featured

  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.

  

Suggest a related project