Explore various component examples and interactive demos.
This is an alert message.
<div class="bg-orange-100 border-l-4 border-orange-500 p-4"><p class="text-orange-700">Alert message.</p></div>
<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click Me</button>
This is a modal component.
<div id="modal" class="fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 flex justify-center items-center hidden">...</div>