I created a collection of UI Components for React built with Tailwind CSS containing over 20 components with over 50 variants.
You can just copy a...
For further actions, you may consider blocking this person and/or reporting abuse
Just curious, did you manage to only purge the unused css?
E.g. if I only use the primary colour, in all the Buttons, throughout my project, would the resulting styles contain also "success", "danger" etcetera... or would the unused styles be purged?
The main idea of this collection is to customize everything according to your needs. By default, all the classes defined for button will be preserved. if you want them to be purged automatically, you can only define the colour that you want to use (eg: primary only).
That makes sense thanks, I quite like the idea behind tailwindcss, but I wish it could allow to use javascript to build the classes...
It’s possible to use JavaScript to build classes with tailwindcss (Css in Js). Check out the library twin-macro
Interesting! I will have a look, thanks for it!
What an incredible job! Thank you for this, I’ll try and contribute as much as I can.
Nice job! Thank you they are super clean. :) Are you Tim Creative's son ? 😇
No i am not 😃
This looks so clean! I just made a post about my favorite Tailwind component libraries.
I'll definitely use your library in my next project and update my list!
Thank you
Great job
thank you
Good job , nice !
It's amazing +respect
These are very nice. I will note that I don't think you've added any event handlers for listening for the "ESC" key when the overlays/toasts are open so the user can dismiss things like menus.
I have fixed it, you can now dismiss toast with ESC key
wow cool
This is super awesome!
Love this!
(Could have called it Rewind 😂)
😃😃 i chose that name for SEO purpose
Nice job man!
That’s all i was looking for
Thank you
What's the difference between this and Chakra UI?
Chakra UI is a UI component library and you have to install it. Tailwind CSS is a css utility framework, so it does not come with any components. You have to create all your components from scratch and this can be annoying for experienced developers or difficult for beginners.
That's why I created this collection to simplify that process so you can simply copy and paste any component you want to use and customize it as you wish.
Nice Job!
I will start contributing soon, this project looks amazing, good job
Thank you
Pretty awesome.
Is the drop down accessible?
Yeah it's accessible
These components look really nice, great job! Just one note, the images inside the cards should be rounded, at least at the top two corners so they don't poke out of the card itself.
Thanks, i have fixed that
Well done, but don't you think there is another way of implementing scroll indicator without actually manipulating the DOM?
i don't think so but if you know another way without manipulating the dom, you can make a pull request
Please add Snackbar/Toast component.
Amazing bro !