logo
logo

Templates

Docs

Getting Started

Vite + ReactFrameworkCDN

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

Copy icon
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
    </head>
    <body>
        <div class="card bg-white p-6 shadow-lg rounded-lg">
            <h3 class="text-xl font-bold">Card Title</h3>
            <p>Card content goes here.</p>
        </div>
    </body>
</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

Copy icon
<div class="bg-blue-500 p-6 rounded-lg">
logo

Feature-Rich UI Library

Ready-to-use, Beautifully Designed, and Fully Customizable UI Elements for Every Project.

Copyright 2025 © PrebuiltUI All Right Reserved.