Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-white to-indigo-50/40 font-sans text-slate-900 antialiased p-8 flex items-center justify-center">
<div class="max-w-xl w-full bg-white/80 backdrop-blur ring-1 ring-slate-200 rounded-2xl shadow-xl shadow-slate-900/5 p-8">
<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-indigo-50 text-indigo-700 text-xs font-medium ring-1 ring-indigo-100">
<span class="h-1.5 w-1.5 rounded-full bg-indigo-500"></span> RloopUI · Tailwind Ready
</div>
<h1 class="mt-4 text-3xl font-semibold tracking-tight">Welcome to Tailwind CSS</h1>
<p class="mt-2 text-slate-600 leading-relaxed">A utility-first framework that lets you compose modern interfaces directly in your markup — fast, consistent, and scalable.</p>
<div class="mt-6 flex gap-3">
<button class="px-4 py-2 rounded-lg bg-slate-900 text-white text-sm font-medium hover:bg-slate-800 transition">Get started</button>
<button class="px-4 py-2 rounded-lg ring-1 ring-slate-200 text-slate-700 text-sm font-medium hover:bg-slate-50 transition">Docs</button>
</div>
</div>
</div>
rloop.dev/p/Pr-D63