Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<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">
<section class="max-w-3xl w-full text-center">
<span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white ring-1 ring-slate-200 text-xs font-medium text-slate-600 shadow-sm">
<span class="h-1.5 w-1.5 rounded-full bg-emerald-500"></span> New · RloopUI v2 is live
</span>
<h1 class="mt-6 text-5xl font-bold tracking-tight leading-[1.05]">
Build interfaces<br>
<span class="bg-gradient-to-r from-indigo-600 via-violet-600 to-fuchsia-600 bg-clip-text text-transparent">that feel inevitable.</span>
</h1>
<p class="mt-5 max-w-xl mx-auto text-slate-600 text-lg leading-relaxed">A modern component library powered by Tailwind, designed for product teams who care about the details.</p>
<div class="mt-8 flex items-center justify-center gap-3">
<button class="px-5 py-3 rounded-xl bg-slate-900 text-white font-medium hover:bg-slate-800 transition shadow-lg shadow-slate-900/20">Start building →</button>
<button class="px-5 py-3 rounded-xl bg-white ring-1 ring-slate-200 text-slate-700 font-medium hover:bg-slate-50 transition">View components</button>
</div>
</section>
</div>
rloop.dev/p/Pr-N42