Transform Mockups, Screenshots & Figma Designs into Clean HTML, React & Tailwind CSS
Drag & Drop image here, or browse files
Supports PNG, JPG, WEBP, SVG
<!-- Generated by screenshot-to-code -->
<div class="min-h-screen bg-slate-900 flex items-center justify-center p-6">
<div class="bg-slate-800/80 border border-slate-700 rounded-2xl p-8 max-w-md w-full shadow-2xl">
<h2 class="text-2xl font-bold text-white mb-2">Welcome Back</h2>
<p class="text-sm text-slate-400 mb-6">Enter your credentials to continue</p>
<form class="space-y-4">
<input type="email" placeholder="Email" class="w-full bg-slate-900 border border-slate-700 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-indigo-500" />
<input type="password" placeholder="Password" class="w-full bg-slate-900 border border-slate-700 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-indigo-500" />
<button class="w-full bg-indigo-600 hover:bg-indigo-500 py-3 rounded-xl text-white font-semibold transition">Sign In</button>
</form>
</div>
</div>