tailwindcss-classnames
tailwind-config-viewer
tailwindcss-classnames | tailwind-config-viewer | |
---|---|---|
2 | 2 | |
692 | 1,896 | |
- | - | |
5.9 | 6.4 | |
about 1 year ago | 17 days ago | |
TypeScript | Vue | |
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.
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.
tailwind-config-viewer
- 8 Tailwind CSS resources to help your next project takeoff
-
How to Build A React TS Tailwind Design System
One more nifty tool that can help developers and designers alike working on a project like this is tailwind-config-viewer. As stated on the repo's page:
What are some alternatives?
tailwind-merge - Merge Tailwind CSS classes without style conflicts
tailwindcss-debug-screens - A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
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.
tsdx - Zero-config CLI for TypeScript package development
formik - Build forms in React, without the tears ๐ญ [Moved to: https://github.com/jaredpalmer/formik]
changesets - ๐ฆ A way to manage your versioning and changelogs with a focus on monorepos
identity-obj-proxy - An identity object using ES6 proxies. Useful for mocking webpack imports like CSS Modules.
Visual Studio Code - Visual Studio Code
tailwindcss-intellisense - Intelligent Tailwind CSS tooling for Visual Studio Code
tailwindcss-custom-forms - A better base for styling form elements with Tailwind CSS.
react-cmdk - A fast, accessible, and pretty command palette for React
rustywind - CLI for organizing Tailwind CSS classes