TW-Elements VS tailblocks

I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!

Domain changed to https://tw-elements.com

Even though TE is already a fully functional UI Kit, it's still in its infancy really - we have great plans and a long and exciting road ahead of us. So whatever input (however critical) You might have, please share it with us here or on any of our channels on which we will be more than happy to host you: Discord GitHub X

Tailwind Elements

Quick context of the project: TER is a dedicated React version of Tailwind Elements (TE), a popular collection of components based on Tailwind CSS& Material Minimal design system.

Tailwind Elements is a huge set of more than 500 UI components. These components range from very simple — like headings, images, and icons — to very complex, like charts and complete forms. They can be used for almost any kind of project, especially for complex ones.

Don't use automatic Figma to code generators unless you are aiming for spaghetti code. Instead, try to find a UI Kit that is already compatible with Figma. FLowbite is an option: https://flowbite.com/figma/#pricing And if you want something open source you can check out Tailwind Elements: https://tailwind-elements.com/ They will be releasing their Figma files in a couple of weeks: https://material-minimal.com/

My recommendation would be to learn using design systems and UI Kits that take care of it for you right away. My choice would be MDBootstrap React for Bootstrap, and Tailwind Elements for Tailwind.

If you want a quick copy paste solution http://tailblocks.cc does a good job.

8. Tailblocks

tailblocks.cc

https://github.com/mertJF/tailblocks might have some code in it for you and it is MIT.

Tailwind Blocks - This UI kit includes a collection of pre-designed blocks, such as hero sections, pricing tables, and testimonials. Each block is fully customizable and can be easily integrated into any project.

Tailblocks - Ready-to-use Tailwind CSS blocks

https://github.com/mertJF/tailblocks this? MIT license

Tailblock is a pre-designed block of UI elements that are styled using the framework's utility classes and can be easily dropped into a project to save time and reduce the need for custom CSS. These include common UI patterns such as navigation bars, buttons, forms, and other interface elements.