tailwindcss VS pollen

Compare tailwindcss vs pollen and see what are their differences.

tailwindcss

A utility-first CSS framework for rapid UI development. [Moved to: https://github.com/tailwindlabs/tailwindcss] (by tailwindcss)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • talent.io - Download talent.io’s Tech Salary Report
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
tailwindcss pollen
2 15
38,847 710
- 1.8%
9.6 7.9
over 1 year ago 9 days ago
CSS TypeScript
MIT License 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.

tailwindcss

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

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 2022-09-13.
  • Open Props: Tailwind Alternative from Chrome Dev Team
    3 projects | news.ycombinator.com | 13 Sep 2022
    Very similar to Pollen (https://www.pollen.style), though it looks a little more complicated.

    IMO the main value of Tailwind is that it's a step function over your units and colors, which helps bring better consistency and dev speed to UI implementation.

    Tailwind's "write class names instead of CSS" approach makes sense in the component-based systems most apps are built in these days, where pretty much any repeated markup will be turned into a component. It performs better than scoped styles and is less complicated.

    A CSS variable approach like Open Props or Pollen is, in my experience, better if you're not using a component-based system (ie. conventional HTML) and therefore have repeated markup patterns. Having a simple class name to apply to repeated markup is much more maintainable than trying to copy/paste a long tailwind string around.

  • Pollen, the CSS variable build system
    2 projects | reddit.com/r/Frontend | 12 Sep 2022
  • What are cool kids using for styling these days?
    2 projects | reddit.com/r/webdev | 28 Jan 2022
    Pollen and Open Props are two popular examples of such token first frameworks. If you are not familiar with CSS Custom Properties (also called CSS variables), I recently wrote about how to use them to create a CSS Style API layer.
  • Ask HN: Looking for an open CSS variables theme that was published here
    2 projects | news.ycombinator.com | 3 Jan 2022
  • Pollen vs. Tailwind CSS: Finding the better build experience
    2 projects | dev.to | 10 Dec 2021
    In the last few years, a new set of frameworks with a radically different concept drew the attention of frontend developers. These frameworks are now extremely popular in the frontend world, and you’re likely already familiar with them: Tailwind CSS and Pollen.
  • Tailwind CSS v3.0
    11 projects | news.ycombinator.com | 9 Dec 2021
    I'm ambivalent about Tailwind, but I've used it a lot. I will say the hypothetical advantages are mostly the following:

    1. It's a step function over CSS units. This is the biggest strength, just standardizing that your design uses padding of 2, 4, 8px, but not 1px, 3px, or 1.23123em :). It provides more steps than you need, but still it's good that the core of Tailwind is a design system with defined unit and color variables.

    2. Some of the utility classes are very helpful. Even as someone who likes writing CSS, it's nice to not need to give something a custom classname just because I want to put margin-top on it. class="mt-4", done.

    I think the problem is Tailwind goes too far and tries to replace EVERYTHING with a stack of utility classes.

    This works okay in extremely componentized web apps. It's a nightmare if your UI isn't highly componentized. I've seen projects where you make a button by copy pasting this ~80 character string of tailwind classes all over the place, and then changing the color names if you need to. Good luck fixing that when the designer decides that we don't want any buttons to have rounded corners anymore.

    Personally I think the best parts of Tailwind are captured in Pollen[1], but I do wish it came with a subset of utility classes for colors, font sizes, margin, padding, and text alignment. I think the hard part is defining which subset is the right subset... I doubt you could find strong agreement from a large majority of developers on that.

    1. https://www.pollen.style

    11 projects | news.ycombinator.com | 9 Dec 2021
  • Tailwind isn't the answer
    2 projects | dev.to | 24 Oct 2021
    Pollen is a new CSS library that does exactly that. Inspired by Tailwind, it takes its best ideas and implements them as a micro-library of CSS variables. With a 1kb core that can be used anywhere, without a buildstep or class naming conventions, it gives us all of the biggest benefits of Tailwind without reinventing how we write CSS.
  • Mobile UI components made with Tailwind CSS
    2 projects | news.ycombinator.com | 10 Oct 2021
    Given the popularity + its utilty form, Tailwind is now becoming the platform for others to build their "Component CSS" libraries off of.

    Aside for this, we have recently seen Pollen[1], Flowbite[2], and daisy[3] and of course all of the people taht are building templates (which are just "framweworks" for css instead of "libraries")[4][5]...

    [1]: https://www.pollen.style

  • Pollen – A library of CSS variables inspired by TailwindCSS
    5 projects | news.ycombinator.com | 4 Sep 2021

What are some alternatives?

When comparing tailwindcss and pollen you can also consider the following projects:

xns-audio-player-simple - xns-audio-player vue plugin with a simple ui

xns-seek-bar - A seekable progress bar component for Vue.js

unocss - The instant on-demand atomic CSS engine.

xns-audio-player - A simple customizable web music player powered by vue & HTMLAudioElement

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

daisyui - ⭐️ ⭐️ ⭐️ ⭐️ ⭐️  The most popular, free and open-source Tailwind CSS component library

floating-vue - 💬 Easy tooltips, popovers, dropdown, menus... for Vue

nord - An arctic, north-bluish color palette.

monkeytype-themes - custom css themes for monkeytype

tachyons - Functional css for humans

halfmoon - Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

html5-boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites.