pollen VS css-media-vars

Compare pollen vs css-media-vars and see what are their differences.

pollen

book-publishing system [mirror of main repo at https://git.matthewbutterick.com/mbutterick/pollen] (by mbutterick)

css-media-vars

A brand new way to write responsive CSS. Named breakpoints, DRY selectors, no scripts, no builds, vanilla CSS. (by propjockey)
Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
pollen css-media-vars
2 2
1,184 283
- 0.0%
4.9 2.7
almost 2 years ago about 2 years ago
Racket CSS
MIT License BSD 2-clause "Simplified" 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.

pollen

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

css-media-vars

Posts with mentions or reviews of css-media-vars. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-09-04.
  • CSS Media Variables – Named breakpoints, DRY selectors, no scripts, vanilla CSS
    1 project | news.ycombinator.com | 5 Sep 2021
  • Pollen – A library of CSS variables inspired by TailwindCSS
    5 projects | news.ycombinator.com | 4 Sep 2021
    Ah! This is brilliant. There are quite a few comments here about pitching this against other CSS frameworks or the actual use of this.

    This is not a stand-alone framework or anything of that start. Treat as one of your scaffold components for your styling framework. Tailwind does this with their tailwind.config.js and is more of raw CSS design tokens. I just wish their commercial TailWindUI[1] make it easy to make use of it the better way.

    I wish I saw Pollen a few months ago. I wanted to do an effortless design for my personal website and stick to as plain vanilla CSS as possible. The best way was to rely on CSS-Variables. I did do it from scratch[2]. It works though it is pretty hacky, and I'm not too concerned. Right now, I can swap few values and have an entirely different color scheme - light/dark version of my own, Nord Theme[3], and I will keep adding me whenever I get bored. I can even tweak the rhythms and spacing to my liking with just the variable. You should check out the demo[4] or look at the source[5] (wip).

    For those who find this interesting, you should check out another interesting one I discovered a few months back -- css-media-vars[6].

    1. https://tailwindui.com

    2. https://github.com/oinam/oinam-jekyll/blob/main/_includes/cs...

    3. https://www.nordtheme.com

    4. https://oinam.github.io/oinam-jekyll/

    5. https://github.com/oinam/oinam-jekyll

    6. https://github.com/propjockey/css-media-vars

What are some alternatives?

When comparing pollen and css-media-vars you can also consider the following projects:

scribble

pollen - The CSS variables build system

open-props - CSS custom properties to help accelerate adaptive and consistent design.

nord - An arctic, north-bluish color palette.

iracket - Jupyter kernel for Racket

oinam-jekyll - A simple, clean, and minimal Jekyll Theme.

racket-fluent - Unix style pipes and a lambda shorthand syntax to make your Racket code more readable.

tailwindcss - A utility-first CSS framework for rapid UI development. [Moved to: https://github.com/tailwindlabs/tailwindcss]

unocss - The instant on-demand atomic CSS engine.

ChezScheme - Chez Scheme

rackjure - Provide a few Clojure-inspired ideas in Racket. Where Racket and Clojure conflict, prefer Racket.

typed-racket - Typed Racket