Building the product · Independent · 26 Oct 2026

chakra-ui/panda

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

← Building the product
Panda CSS: build-time styling engine. Generates type-safe atomic styles at build time.
Verified26 Oct 2026

Radar check

What we found when we opened it. Every bar is one fact, with its date.

Alive100

Last code pushed 26 Oct 2026, the same day before this check.

Releases100

Latest release @pandacss/webpack@2.4.0 on 22 Oct 2026.

Maturity70

Public since July 2022, a little over 4 years.

Adoption76

6,235 stars and 328 forks.

Activity100

441 commits and 94 new issues in the last 90 days.

Community100

182 contributors. 207 pull requests merged in 90 days.

Security40

No security policy file says how to report a problem. No published security advisories.

Licence MIT: permissive: use it for anything, keep the noticeSetup effort 3 of 5Payoff 4 of 5
How the bars are scored
  • Alive. Days since the last code push: a week or less 100, a month 90, three months 70, six months 50, a year 30, eighteen months 15, older 0.
  • Releases. Age of the latest GitHub release, on a similar scale; no bar when the project publishes no releases.
  • Maturity. Age of the project: eight years 100, five 90, three 70, two 55, one 40, six months 25, younger 10.
  • Adoption. Stars on a log scale: 100,000 stars is 100, 10,000 is 80, 1,000 is 60, 100 is 40.
  • Activity. Commits in the last 90 days: 300 or more 100, 100 85, 30 65, 10 45, any 25.
  • Community. People who have contributed: 100 or more 100, 30 80, 10 60, 5 40, 2 25, one 10.
  • Security. A published security policy 80, none 40; published advisories are listed, not scored.

Checked by Repo Radar on 26 Oct 2026 from the repository on GitHub.

In simple English

This tool helps you write styles for your website. It checks your code as you type so you do not make spelling mistakes. It runs before your site goes live to make your style files small and fast. You need some knowledge of web development and command-line tools to set it up. It is free to use under an open-source licence.

What it is

Panda is a build-time styling engine that extracts design tokens and utility classes from your JavaScript and TypeScript files. It uses a Rust-based compiler to parse your source code and output standard CSS files.

What it is good for

Developers building modern web applications who want autocomplete for design tokens and styles without slowing down their production website with heavy runtime libraries.

Stars6.2k
LicenceMIT
Latest@pandacss/webpack@2.4.0 (2026-10-22)checked 26 Oct 2026
Last code change2026-10-26
Written inRust
Setup effort
3 / 5
Payoff
4 / 5
Good
  • Generates type-safe style objects and props automatically.
  • Build-time extraction keeps browser performance high.
  • Supports modern CSS features like cascade layers.
Watch for
  • Requires initial configuration and build tool integration.
  • Generated code folders need to be tracked in your workflow.
  • Rust compiler dependency may complicate custom build pipelines.
Replaces

Traditional runtime CSS-in-JS libraries that slow down web pages.

Works well with

Vite or Next.js for building modern web applications.

Similar repositories
Also reviewed on Repo Radar
  • evanw/esbuild40k stars

    Joins many JavaScript, TypeScript and CSS files into one, in well under a second.

  • Textualize/textual38k stars

    Lets a Python program draw a real interface inside a terminal, and serve the same thing to a browser.

  • python-attrs/cattrs1.1k stars

    Turns loose data into declared Python objects, and declared objects back into loose data.

Install
npm i -D @pandacss/dev
npx panda init -p

Independent: reviewed for Repo Radar outside the daily editions. Every independent repository

On Stack Radar: Build & Ship › Frameworks & Libraries › CSS Frameworks.

Get the next edition in your inbox

A dozen repositories, opened and checked. The licence read, the last release dated, and the ones that did not make it named with the reason. It is the half most lists leave out.

No tracking pixels. One click to leave. The archive stays free either way.

We use your address to send the edition and nothing else. Confirm by email, leave in one click. How we handle it.