Introducing CLASSY-UI. A typed and configurable design system with no runtime, COMING SOON!

Greatly inspired by https://tailwindcss.com/, but taking experience from how we think about styling in the CSS-IN-JS world... classy-ui gives you:

- Typed usage of classnames from the design system which also gives you discoverability, traversing and searching for classnames, even without Typescript
- Lazily creates classnames and pseudo selector CSS based on consumption in app
- Compose classnames together into variables or use them inline in components
- Use dynamic assignment of classnames with convenient { 'my-class': isActive }
- In production it automatically optimizes css class names and dynamic assignment. The created css file is automatically imported in your code, making it part of your existing CSS optimization tool chain
- The runtime completely disappears in production, meaning it does not affect your bundle size
- Supports themes by automatically converting themed configuration to CSS variables

More info at: https://github.com/cerebral/classy-ui

• Category

  • People & Blogs