Puppertino VS zenstyles

Compare Puppertino vs zenstyles and see what are their differences.

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Puppertino zenstyles
8 2
1,022 -
- -
0.0 -
over 1 year ago -
JavaScript
MIT License -
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

Puppertino

Posts with mentions or reviews of Puppertino. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-07-09.

zenstyles

Posts with mentions or reviews of zenstyles. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-10-03.
  • Show HN: Atlassian Design for Bootstrap v5
    6 projects | news.ycombinator.com | 3 Oct 2023
    Last I checked, Bourbon was a bit too low-level for what I wanted. It didn't have implement any type of design system but just gave some basic utilities for those that wanted to build one.

    What I want is more-or-less what I started doing on https://gitlab.com/mushroomlabs/zenstyles. I took some of the code from materialize.css and stripped it from anything that depended on javascript and anything that required a specific layout definition. Basically, I wanted something that could work as a "classless CSS" that used the basic building blocks from materialize.css, so that I could use with code that was based on headless-ui components.

    This approach let me, e.g, use my hub20 checkout component (vue.js) without any styling on its own and let people integrate whatever "theme" they wanted. I only got to implement 2 "zen styles" following this approach (the other is on https://github.com/mushroomlabs/hub20.frontend.app/tree/mast..., and one day I will get to extract it out and move it to the "zen styles" repo) but it was enough to prove to me that this approach was not only possible but made my work a lot easier.

  • Puppertino: A CSS framework based on Human Guidelines from Apple
    5 projects | news.ycombinator.com | 12 Aug 2022
    - Don't use CSS.

    All I'd want from a "framework" is to give a consistent set of SASS mixins, and I want to have one single sass file that generates all the CSS I need in one single place. It's not just for the purism of "separation of design and content", but also to make changes easier across a whole site.

    I started doing something like that with https://gitlab.com/mushroomlabs/zenstyles, but only out of necessity for my work on Hub20, I still think that if more designers started taking this approach, there could be a substantial increase in the quality of the "theme templates" offerings. Pair it with something like https://headlessui.dev and application developers could take a basic spreadsheet to focus on functionality at first, and then you easily switch between whatever "sass theme" you wanted without having to touch any of the code.

What are some alternatives?

When comparing Puppertino and zenstyles you can also consider the following projects:

spark-joy - ✨😂 2000+ ways to add design flair, user delight, and whimsy to your product.

atlassian-design-for-bootstrap - A beautiful Bootstrap 5 theme with Atlassian Design.

BOOTSTRA.386 - A vintage 1980s DOS inspired Twitter Bootstrap theme

jira - Python Jira library. Development chat available on https://matrix.to/#/#pycontribs:matrix.org

TuiCss - Text-based user interface CSS library

hub20.frontend.app

React95 - A React components library with Win95 UI

headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

v86 - x86 PC emulator and x86-to-wasm JIT, running in the browser

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

latex-css - LaTeX.css is a CSS library that makes your website look like a LaTeX document

Bourbon - A Lightweight Sass Tool Set