tailwindcss-radix
tailwindcss-classnames
tailwindcss-radix | tailwindcss-classnames | |
---|---|---|
4 | 2 | |
2,031 | 691 | |
- | - | |
7.5 | 5.9 | |
about 1 month 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.
tailwindcss-radix
-
List of free Tailwind UI component resources
Thanks dude. you can add: https://github.com/ecklf/tailwindcss-radix
- Headless UI or Radix or Both?
-
Best UI library for TailwindCSS?
For React https://github.com/ecklf/tailwindcss-radix has some good examples.
-
I've made a collection of animation snippets for TailwindCSS. You can literally right click to copy and paste source code ๐ช. https://snippets.alexandru.so
I'm using the Radix-UI primitive for ContextMenus and then styled/animated with tailwindcss-radix.
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?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
tailwind-merge - Merge Tailwind CSS classes without style conflicts
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
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.
disco3-react - disco3 - well typed and performant web3 react library
formik - Build forms in React, without the tears ๐ญ [Moved to: https://github.com/jaredpalmer/formik]
playground-macos - My portfolio website simulating macOS's GUI, developed with React and UnoCSS.
identity-obj-proxy - An identity object using ES6 proxies. Useful for mocking webpack imports like CSS Modules.
TW-Elements - ๐๐ช๐๐ collection of Tailwind MIT licensed (free) components, sections and templates ๐
tailwindcss-intellisense - Intelligent Tailwind CSS tooling for Visual Studio Code
vechaiui - A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.
react-cmdk - A fast, accessible, and pretty command palette for React