The latest articles on DEV Community by doyTech (@aldoyh). https://dev.to/aldoyh https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F826325%2F167159e1-85af-4d8d-9307-0c3bf3a90f65.png https://dev.to/aldoyh en doyTech Thu, 28 Sep 2023 08:59:40 +0000 https://dev.to/aldoyh/500-open-source-components-for-tailwind-css-46oi https://dev.to/aldoyh/500-open-source-components-for-tailwind-css-46oi <p><a href="https://tailwind-elements.com/"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0sRSbCzU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://tailwind-elements.com/img/components-big.jpg" alt="Tailwind components" width="800" height="404"></a><br><br> I'd like to share my latest discovery with you. <br> <a href="https://tailwind-elements.com/">Tailwind Elements</a> is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. <a href="https://github.com/mdbootstrap/Tailwind-Elements/"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YhoWyuKv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://img.shields.io/github/stars/mdbootstrap/tailwind-elements%3Fstyle%3Dsocial" alt="GitHub Repo stars" width="88" height="20"></a> It's a <strong>huge collection of stunning components</strong> made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have <strong>dark mode</strong> and very intuitive <strong>theming options</strong>. The project is supported by an <a href="https://github.com/mdbootstrap/Tailwind-Elements/discussions">engaged community on GitHub</a>, I recommend you check it out and join one of the many discussions.<br><br> You will find installation instructions <a href="https://tailwind-elements.com/docs/getting-started/installation">here</a>, and you can track the progress of the project live <a href="https://tailwind-elements.com/docs/standard/getting-started/changelog/">here</a>.<br><br> The project was kickstarted by <a class="mentioned-user" href="https://dev.to/mdbootstrap">@mdbootstrap</a>, a group of open-source developers behind <a href="https://github.com/mdbootstrap/mdb-ui-kit">MDB UI Kit</a> - a high-quality UI kit for Bootstrap, and also behind <a href="https://mdbgo.com/">MDB GO</a> - hosting and deployment platform.<br><br> I highly recommend you to check it out!<br><br> </p> <div class="ltag__link"> <a href="/mdbootstrap" class="ltag__link__link"> <div class="ltag__link__pic"> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--c73txdfQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/practicaldev/image/fetch/s--hdfHSyLA--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/182400/2af026ce-92c1-4f95-b8c0-beda85e8cd0c.jpg" alt="mdbootstrap"> </div> </a> <a href="/mdbootstrap/tailwind-elements-breakthrough-version-is-here-59hh" class="ltag__link__link"> <div class="ltag__link__content"> <h2>Tailwind Elements breakthrough version is here.</h2> <h3>MD Bootstrap ・ Feb 24</h3> <div class="ltag__link__taglist"> <span class="ltag__link__tag">#tailwindcss</span> <span class="ltag__link__tag">#webdev</span> <span class="ltag__link__tag">#css</span> <span class="ltag__link__tag">#html</span> </div> </div> </a> </div> tailwindcss