|
/tools
|
<span class="inline-block py-2 px-5 rounded-lg text-white bg-indigo-600 hover:bg-indigo-700 transition-colors font-medium text-sm cursor-pointer" tabindex="0">Start Creating →</span>
|
|
Анализировать url
|
|
/tools
|
<span class="relative flex h-1.5 w-1.5 flex-shrink-0"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span><span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-emerald-500"></span></span><span class="font-semibold text-slate-400 dark:text-zinc-600">New</span><span class="text-slate-300 dark:text-zinc-800">·</span><span>Superdesigner 2.0</span><span class="text-slate-400 dark:text-zinc-700 group-hover:translate-x-0.5 transition-transform">→</span>
|
|
Анализировать url
|
|
/tools/css-backgrounds
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">01</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-emerald-700 dark:group-hover:text-white transition-colors">CSS Backgrounds</span><span class="opacity-0 group-hover:opacity-100 transition-all text-emerald-500 dark:text-emerald-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/css-patterns
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">02</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-emerald-700 dark:group-hover:text-white transition-colors">CSS Patterns</span><span class="opacity-0 group-hover:opacity-100 transition-all text-emerald-500 dark:text-emerald-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/css-shadow-generator
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">03</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-emerald-700 dark:group-hover:text-white transition-colors">CSS Shadow Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-emerald-500 dark:text-emerald-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/border-radius-generator
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">04</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-emerald-700 dark:group-hover:text-white transition-colors">Border Radius Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-emerald-500 dark:text-emerald-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/svg-backgrounds
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">05</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-emerald-700 dark:group-hover:text-white transition-colors">SVG Backgrounds</span><span class="opacity-0 group-hover:opacity-100 transition-all text-emerald-500 dark:text-emerald-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/css-animation-generator
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">06</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-emerald-700 dark:group-hover:text-white transition-colors">CSS Animation Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-emerald-500 dark:text-emerald-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools
|
View all CSS tools →
|
|
Анализировать url
|
|
/tools/mesh-gradient
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">01</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-violet-700 dark:group-hover:text-white transition-colors">Mesh Gradient Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-violet-500 dark:text-violet-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/backgrounds
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">02</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-violet-700 dark:group-hover:text-white transition-colors">Background Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-violet-500 dark:text-violet-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/blob-generator
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">03</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-violet-700 dark:group-hover:text-white transition-colors">Blob Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-violet-500 dark:text-violet-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/3d-shapes
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">04</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-violet-700 dark:group-hover:text-white transition-colors">3D Shapes</span><span class="opacity-0 group-hover:opacity-100 transition-all text-violet-500 dark:text-violet-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/color-generator
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">05</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-violet-700 dark:group-hover:text-white transition-colors">Color Palette Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-violet-500 dark:text-violet-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools/og-image
|
<span class="font-mono text-[10px] text-slate-300 dark:text-zinc-700 w-4 flex-shrink-0">06</span><span class="flex-1 text-sm text-slate-600 dark:text-zinc-400 group-hover:text-violet-700 dark:group-hover:text-white transition-colors">OG Image Generator</span><span class="opacity-0 group-hover:opacity-100 transition-all text-violet-500 dark:text-violet-400"><svg class="w-3.5 h-3.5" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/tools
|
View all design tools →
|
|
Анализировать url
|
|
/resources
|
View all resources <svg class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>
|
|
Анализировать url
|
|
/tools
|
<span class="inline-flex items-center gap-2 bg-indigo-600 hover:bg-indigo-700 dark:hover:bg-indigo-500 text-white font-semibold px-6 py-3 rounded-xl cursor-pointer transition-colors text-sm shadow-lg shadow-indigo-500/20" tabindex="0">Browse all tools<svg class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></span>
|
|
Анализировать url
|
|
/resources
|
<span class="inline-flex items-center gap-2 border border-slate-200 dark:border-white/[0.1] hover:border-slate-300 dark:hover:border-white/[0.18] text-slate-600 dark:text-zinc-400 hover:text-slate-900 dark:hover:text-white font-medium px-6 py-3 rounded-xl cursor-pointer transition-all text-sm" tabindex="0">Browse resources</span>
|
|
Анализировать url
|
|
/tools/backgrounds
|
Background Generator
|
|
Анализировать url
|
|
/tools/mesh-gradient
|
Mesh Gradient
|
|
Анализировать url
|
|
/tools/gradients
|
Gradient Generator
|
|
Анализировать url
|
|
/tools/css-backgrounds
|
CSS Backgrounds
|
|
Анализировать url
|
|
/tools/blob-generator
|
Blob Generator
|
|
Анализировать url
|
|
/tools/3d-shapes
|
3D Shapes
|
|
Анализировать url
|
|
/tools
|
All tools →
|
|
Анализировать url
|
|
/resources/gradients
|
Gradient Library
|
|
Анализировать url
|
|
/resources/mesh-gradients
|
Mesh Gradients
|
|
Анализировать url
|
|
/resources/color-palettes
|
Color Palettes
|
|
Анализировать url
|
|
/resources/css-shapes
|
CSS Shapes
|
|
Анализировать url
|
|
/about
|
About
|
|
Анализировать url
|
|
/changelog
|
Changelog
|
|
Анализировать url
|
|
/upcoming-tools
|
Upcoming tools
|
|
Анализировать url
|
|
/privacy
|
Privacy policy
|
|
Анализировать url
|