Master Tailwind CSS for rapid UI development.
Build beautiful interfaces with utility classes.
Setup
npm install tailwindcss
npx tailwindcss init
Basic Classes
Content
Responsive Design
class=”text-sm md:text-lg lg:text-xl”
class=”w-full md:w-1/2 lg:w-1/3″
Dark Mode
class=”bg-white dark:bg-gray-900″
class=”text-gray-900 dark:text-white”
Customization
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: ‘#FF5733’
}
}
}
}
Conclusion
Tailwind CSS speeds up styling significantly!