twin-tsdx-component-lib
tailwindcss-classnames
twin-tsdx-component-lib | tailwindcss-classnames | |
---|---|---|
1 | 2 | |
3 | 691 | |
- | - | |
0.0 | 5.9 | |
over 3 years ago | 12 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
twin-tsdx-component-lib
-
How to Build A React TS Tailwind Design System
You can check out the TSDX-Twin repo here that has 1 out of 3 components working.
tailwindcss-classnames
-
Can any tell me why this is not working when i initially run the project.
There's also [tailwindcss-classnames](https://www.npmjs.com/package/tailwindcss-classnames) which is handy, despite the little bit of learning curve
-
How to Build A React TS Tailwind Design System
One last thing that can be helpful is using a library like [tailwind-classnames](https://github.com/muhammadsammy/tailwindcss-classnames) which helps validate you are using correct class names, and if you don't TS will yell at you. It has the full capability and API of the known [classnames](https://www.npmjs.com/package/classnames) library, as it is just an extension of it.
What are some alternatives?
Tailwind CSS - A utility-first CSS framework for rapid UI development.
tailwind-merge - Merge Tailwind CSS classes without style conflicts
tailwind-config-viewer - A local UI tool for visualizing your Tailwind CSS configuration file.
twin.macro - ๐ฆนโโ๏ธ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
Visual Studio Code - Visual Studio Code
formik - Build forms in React, without the tears ๐ญ [Moved to: https://github.com/jaredpalmer/formik]
identity-obj-proxy - An identity object using ES6 proxies. Useful for mocking webpack imports like CSS Modules.
jest-styled-components - ๐ง ๐ Jest utilities for Styled Components
tailwindcss-intellisense - Intelligent Tailwind CSS tooling for Visual Studio Code
compiled - A familiar and performant compile time CSS-in-JS library for React.
react-cmdk - A fast, accessible, and pretty command palette for React