Tasked — Project Manager — Preview

source.html

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Tasked</title><script src="https://cdn.tailwindcss.com"></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><style>body{font-family:Inter,sans-serif}</style><style>@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal{animation:fadeUp .6s ease both}.r1{animation-delay:.05s}.r2{animation-delay:.15s}.card-lift{transition:transform .25s,box-shadow .25s}.card-lift:hover{transform:translateY(-4px)}</style></head>
<body class="bg-[#0f1117] text-zinc-300"><div class="flex min-h-screen">
<aside class="w-56 bg-[#161922] border-r border-white/5 p-5 hidden md:flex flex-col shrink-0"><div class="flex items-center gap-2.5 mb-8"><div class="w-9 h-9 rounded-xl bg-gradient-to-br from-emerald-400 to-cyan-500 flex items-center justify-center text-white">&#10003;</div><span class="font-extrabold text-white text-lg">Tasked</span></div>
<nav class="space-y-1 text-sm"><a class="flex gap-3 px-3 py-2.5 rounded-xl bg-emerald-500/10 text-emerald-400 font-semibold">Board</a><a class="flex gap-3 px-3 py-2.5 rounded-xl text-zinc-500 hover:bg-white/...

Buka full source code

Copy & download HTML + Tailwind siap pakai. Atau bikin versimu sendiri dari nol — lebih cepat.

✨ Remix gratis (2 credit) Daftar untuk copy code →