Use the Play CDN to try Tailwind right in the browser without any build step. The Play CDN is designed for development purposes only, and is not the best choice for production.
Try working with a core plugin
Enable core plugins, like forms and typography, using the
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script> </head> <body> <div class="prose"> <!-- ... --> </div> </body> </html>
What to read next
Get familiar with some of the core concepts that make Tailwind CSS different from writing traditional CSS.
Using a utility-first workflow to build complex components from a constrained set of primitive utilities.
Build fully responsive user interfaces that adapt to any screen size using responsive modifiers.
Style elements in interactive states like hover, focus, and more using conditional modifiers.
Optimize your site for dark mode directly in your HTML using the dark mode modifier.
Manage duplication and keep your projects maintainable by creating reusable abstractions.
Customize the framework to match your brand and extend it with your own custom styles.