Top 6 HTML PostCSS Projects

Tailwind CSS

508 66,238 9.8 HTML

A utility-first CSS framework for rapid UI development.

Project mention: Trying to control the visibility of a Card Section | reddit.com/r/nicegui | 2023-03-24

Besides that, .classes('visible') and .classes('invisible') both add classes. But adding contradicting Tailwind classes are not recommended since the result is hard to predict (here is a related discussion). So it would be better to add and remove one of these classes: .classes('invisible') and .classes(remove='invisible').
suit

3 3,790 0.0 HTML

Style tools for UI components

Project mention: Past Informs the Present: Begin’s Approach to CSS | dev.to | 2023-01-10

As style sheets became the responsibility of larger and larger teams, CSS’ global scope and specificity were often at odds with team dynamics. Style collisions became increasingly common, where changes introduced by one developer would inadvertently affect styles elsewhere on the website. As the old joke goes: two CSS properties walk into a bar; a bar stool in a completely different bar falls over. As these issues and the number of people experiencing them multiplied, so too did new CSS methodologies, particularly those focused on style sheet architectures. Before long, we had SMACSS, SUIT CSS, BEM, ITCSS, and more. Third party supersets of CSS also appeared during this time, such as Sass and LESS, which gave style sheet authors access to scripting features like variables and loops.
Appwrite

appwrite.io
sponsored

Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
hugo-theme-introduction

1 614 0.0 HTML

Minimal, single page, smooth-scrolling theme for Hugo static site generator.

Project mention: Fifty of 2022's most popular Hugo themes | dev.to | 2022-05-20

Download Introduction theme for Hugo
ms-business-startup-bulma

0 4 0.0 HTML

Basic demo using Bulma CSS Framework Demo:
ingo-steinke.de

1 2 0.0 HTML

www.ingo-steinke.com is a portfolio website about web developer Ingo Steinke which is made using HTML, CSS, JavaScript, liquid, 11ty (eleventy) build and netlify deployment. English: www.ingo-steinke.com

Project mention: Automating Tests using CodeceptJS and Testomat.io: First Steps | dev.to | 2022-09-06

You can verify, copy and paste the relevant code snippets below. I have left out some of my project's details to focus on the test setup. You can find my original source code on GitHub.
a_web

2 0 3.5 HTML

A web is a blog repo to demo how on could improve developer experience as well as front-end performance with webpack.

Project mention: Reactjs in Drupal with WebPack | dev.to | 2022-09-23

As mentioned earlier, we will be continuing from a previous blog repo about Webpack basics (optimized branch), so we keep this blog shorter and only include the important details. We had already set up webpack to work well with loaders like post-css and babel. We will only add @babel/preset-react as a dev dependency, update the babel.config.js presets to include this, update webpack.config.js to resolve both .js and .jsx files extension and of course do some cleanup, including deleting files that were specific to that blog, as well as updating the entry and output values (webpack.config.js) to match what we have in the *.libraries.yml.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-03-24.