Learn how to reduce the file size of Tailwind CSS by removing the unused classes using PurgeCSS.
Tailwind CSS is a popular utility-first CSS framework used by hundreds of thousands of web developers all over the world. The new methodology of working with classes and styles can make building user interfaces easier and faster. In this guide you will learn how to reduce the final size of the Tailwind CSS file by using PurgeCSS and make your website load faster.
By default, the uncompressed file size of Tailwind CSS is 2413.4kB, minified it is 1967.4kB, minified and compressed using Gzip it’s 190.2kB, and when compressed with Brotli it’s 46.2kB. In comparison, the uncompressed file size of Bootstrap CSS is only 143kB. So you might ask, why is it so large? Can I reduce the size of it? The answer is yes, definitely!
Learn how to use PurgeCSS and remove the unused classes from Tailwind CSS and reduce the final size of Tailwind CSS in your project by reading the guide on Themesberg.
TailwindCSS vs Tachyons: We will take a look at the strengths and weaknesses of two of the most popular utility-first CSS frameworks out there — TailwindCSS and Tachyons. What is utility-first CSS? Utility-first CSS frameworks are often called functional or atomic CSS.
Tailwindcss Buttons Crash Course - Learn to create beautiful buttons with Tailwindcss. It's a beginners guide to Tailwind CSS and some of its Components.
Experimenting with Vue 3 + Typescript + TailwindCSS to build a datatable component with a powerful yet simple API. 100% experimental, not for production use!
Nextjs TypeORM TailwindCSS TypeScript Reddit Clone
Beautiful tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid 25+ UI components Open source and free