Explorer
project
index.html
1
2
3
4
5
6
7
8
9
<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-md w-full space-y-3">
<button class="w-full px-5 py-3 rounded-xl bg-slate-900 text-white font-medium hover:bg-slate-800 transition shadow-lg shadow-slate-900/20">Primary</button>
<button class="w-full px-5 py-3 rounded-xl bg-white ring-1 ring-slate-200 text-slate-700 font-medium hover:bg-slate-50 transition">Secondary</button>
<button class="w-full px-5 py-3 rounded-xl bg-gradient-to-r from-indigo-600 to-violet-600 text-white font-medium hover:shadow-xl hover:shadow-indigo-600/30 transition">Gradient</button>
<button class="w-full px-5 py-3 rounded-xl bg-rose-50 text-rose-700 font-medium hover:bg-rose-100 transition ring-1 ring-rose-100">Destructive</button>
<button class="w-full px-5 py-3 rounded-xl text-slate-600 font-medium hover:bg-slate-100 transition">Ghost</button>
</div>
</div>
rloop.dev/p/Pr-N23