Panda CSS: build time and type-safe CSS-in-JS

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Sevalla - Deploy and host your apps and databases, now with $50 credit!
Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
sevalla.com
featured
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com
featured
  1. chakra-ui

    ⚡️Simple, Modular & Accessible UI Components for your React Applications (by segunadebayo)

    @jxom went on to create bumbag and in that repo recommends Chakra as an alternative for these unmaintained libraries.

    See top of readme: https://github.com/jxom/bumbag-ui

    So not sure what controversy you're trying to stir. Fannypack didn't have dark mode, Accordions, Alerts, Breadcrumbs, responsive containers, and a whole slew of components that Chakra had.

    In fact if you look at the Avatar component from Chakra 5 yrs ago vs the Fannypack Avatar you'll see the code is completely different.

    https://github.com/segunadebayo/chakra-ui/blob/master/src/Av...

    https://github.com/jxom/fannypack/blob/c7046c5f58cc68ee756be...

    The most likely story is he was just using Fannypack's docs as a reference for how to format his own.

  2. Sevalla

    Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

    Sevalla logo
  3. fannypack

    Discontinued [UNMAINTAINED] An accessible-focused, themeable, friendly React UI Kit.

    @jxom went on to create bumbag and in that repo recommends Chakra as an alternative for these unmaintained libraries.

    See top of readme: https://github.com/jxom/bumbag-ui

    So not sure what controversy you're trying to stir. Fannypack didn't have dark mode, Accordions, Alerts, Breadcrumbs, responsive containers, and a whole slew of components that Chakra had.

    In fact if you look at the Avatar component from Chakra 5 yrs ago vs the Fannypack Avatar you'll see the code is completely different.

    https://github.com/segunadebayo/chakra-ui/blob/master/src/Av...

    https://github.com/jxom/fannypack/blob/c7046c5f58cc68ee756be...

    The most likely story is he was just using Fannypack's docs as a reference for how to format his own.

  4. panda

    🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

  5. npmgraph

    A tool for exploring NPM modules and dependencies

    This looks a lot better than I expected.

    One thing that bugs me about this (and Tailwind) is the number of dependencies they pull in. Panda has 152 nodes (239, if you count their dev-dependencies)[0].

    Tailwind has 98 (594 if you count their dev-dependencies).

    I know they're only dev-dependencies, but still... I've got all of that code running on my machine, just to process CSS. I really don't love it.

    [0] https://npmgraph.js.org/?q=%40pandacss%2Fdev

  6. jsxstyle

    Inline style system for JSX

    Works in both React and Preact. It's designed to support generating styles at build time, but I've never bothered. For the sorts of things I work on, being able to quickly bang out a component is more important than golfing the bundle size or maintaining a design system.

    jsxstyle feels like I can sculpt in code. It's really satisfying to hammer out some props and see a component come to life, especially when you've got hot module replacement working.

    Based on a quick perusal of linked page, Panda seems like perhaps a more mature version of jsxstyle, but also more fidgety. As an army of one, I'm happy to optimize for iteration speed, but if I needed to maintain a system, maybe I'd consider switching to Panda.

    https://www.npmjs.com/package/jsxstyle

  7. bumbag-ui

    Discontinued Build themeable React & React Native applications with your Bumbag 👝

    @jxom went on to create bumbag and in that repo recommends Chakra as an alternative for these unmaintained libraries.

    See top of readme: https://github.com/jxom/bumbag-ui

    So not sure what controversy you're trying to stir. Fannypack didn't have dark mode, Accordions, Alerts, Breadcrumbs, responsive containers, and a whole slew of components that Chakra had.

    In fact if you look at the Avatar component from Chakra 5 yrs ago vs the Fannypack Avatar you'll see the code is completely different.

    https://github.com/segunadebayo/chakra-ui/blob/master/src/Av...

    https://github.com/jxom/fannypack/blob/c7046c5f58cc68ee756be...

    The most likely story is he was just using Fannypack's docs as a reference for how to format his own.

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

  • I've decided to go back to using the Pages Router for now (long post)

    2 projects | /r/nextjs | 29 Jun 2023
  • Individual css for every component?

    3 projects | /r/webdev | 14 Dec 2022
  • Best Practices for React Applications

    5 projects | dev.to | 10 Jul 2025
  • The CSS Odyssey: Why I Turned back to CSS After Trying Everything Else

    7 projects | dev.to | 5 Jun 2025
  • Tailwind vs Linaria: Performance Investigation

    4 projects | dev.to | 24 Apr 2025

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?