Use CDN for a quick start
Add the Play CDN script tag to the <head> of your HTML file and start using Tailwind’s utility classes to style your content.
index.html
1<!DOCTYPE html>2<html>3 <head>4 <meta charset="UTF-8" />5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />6 <script src="https://unpkg.com/@tailwindcss/browser@4"></script>7 </head>8 <body>9 <div class="card bg-white p-6 shadow-lg rounded-lg">10 <h3 class="text-xl font-bold">Card Title</h3>11 <p>Card content goes here.</p>12 </div>13 </body>14</html>
Customization
Each component is built using Tailwind CSS, so you can easily customize them by adding or removing utility classes directly in the HTML.
For example
example.html
1<div class="bg-blue-500 p-6 rounded-lg">
Feature-Rich UI Library - Tailwind CSS Components.
Explore a growing library of over 320+ beautifully crafted, customizable components built with Tailwind CSS and production-ready templates.
Stay Updated with PrebuiltUI
Unlock expert tips, industry trends and exclusive resources— directly delivered in your inbox.
Copyright 2025 © PrebuiltUI All Right Reserved.