CSS methodology and architecture

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

    Discontinued [Moved to: https://github.com/kevtiq/feo-css]

  • If you look closely at the code of my framework (LUB CSS), it has the architecture outlined below. As you can see, it only focuses on layout and utility classes. Blocks and exceptions are very project-specific, and often tied to UI components. Therefore they are left out of scope in this framework. However, there are many ways how you can add blocks in conjunction with this framework to a project. You can add a directory to the framework, but I would suggest co-locate it near the corresponding UI components. You could do this via CSS modules, styled-components, scoped styles in Svelte, etc.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • I am a not utility-first guy. But 80% of my CSS code is utilities these days. The remaining parts consist of CSS targeting layouts (e.g. grids) and blocks that could be solved with utilities (e.g. using operators like + or ~). At this point, I came across the CUBE CSS of Andy Bell. It is the methodology describing how I was, and still am, implementing CSS. So as every self-respecting front-end developer with an online presence, I took it, changed it, created a framework, and wrote about it!

  • 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

  • Customer service pages for e-commerce built with Tailwind CSS

    1 project | dev.to | 24 Apr 2024
  • Mojo CSS vs. Tailwind: Choosing the best CSS framework

    3 projects | dev.to | 9 Apr 2024
  • CSS Styling (Next.js)

    1 project | dev.to | 28 Mar 2024
  • Css2wind – a minigame to learn Tailwind CSS

    2 projects | news.ycombinator.com | 19 Mar 2024
  • Divide and conquer: right concerns to separate

    1 project | dev.to | 10 Mar 2024