jsxstyle
chakra-ui
| jsxstyle | chakra-ui | |
|---|---|---|
| 1 | 2 | |
| 2,106 | 486 | |
| 0.1% | - | |
| 7.6 | 10.0 | |
| 6 months ago | over 1 year ago | |
| TypeScript | JavaScript | |
| GNU General Public License v3.0 or later | - |
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.
jsxstyle
-
Panda CSS: build time and type-safe CSS-in-JS
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
chakra-ui
-
Panda CSS: build time and type-safe CSS-in-JS
@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.
What are some alternatives?
CSSX - CSS in JavaScript
panda - 🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
glamor - inline css for react et al
React Figma - ⚛️ A React renderer for Figma
ReactCSS - :lipstick: Inline Styles in JS
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
Radium - A toolchain for React component styling.
jTools - Javascript web components - jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms.
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
linaria - Zero-runtime CSS in JS library