Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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-lg w-full bg-white ring-1 ring-slate-200 rounded-2xl divide-y divide-slate-100 shadow-sm overflow-hidden">
<details open class="group">
<summary class="flex items-center justify-between p-5 cursor-pointer hover:bg-slate-50/50 transition">
<span class="font-medium">What is RloopUI?</span>
<span class="text-slate-400 group-open:rotate-45 transition">+</span>
</summary>
<p class="px-5 pb-5 text-sm text-slate-600 leading-relaxed">A modern Tailwind-powered component system designed for product teams shipping at speed.</p>
</details>
<details class="group">
<summary class="flex items-center justify-between p-5 cursor-pointer hover:bg-slate-50/50 transition">
<span class="font-medium">Is it open source?</span>
<span class="text-slate-400 group-open:rotate-45 transition">+</span>
</summary>
<p class="px-5 pb-5 text-sm text-slate-600 leading-relaxed">Yes. The MIT-licensed core is free forever; the Pro tier ships premium templates.</p>
</details>
<details class="group">
<summary class="flex items-center justify-between p-5 cursor-pointer hover:bg-slate-50/50 transition">
<span class="font-medium">Does it support dark mode?</span>
<span class="text-slate-400 group-open:rotate-45 transition">+</span>
</summary>
<p class="px-5 pb-5 text-sm text-slate-600 leading-relaxed">Every component ships with first-class dark mode tokens out of the box.</p>
</details>
</div>
</div>
rloop.dev/p/Pr-G69