Creative tools, built for product teams.
A growing collection of focused, no-signup tools for designers and engineers. Generate assets, prototype ideas, and ship faster — all in the browser.
All tools
(6)Extrude
Extrude any SVG into a real-time 3D object
Turn text, drawings, or SVG code into an interactive 3D scene. Apply PBR materials, lighting, textures, and export as PNG, GLB, STL, or embed code.
Tailwind v3 → v4 Migrator
Convert Tailwind CSS v3 source to v4 syntax
Paste v3 CSS or HTML — get v4-ready output. Updates shadcn theme tokens, @tailwind directives, linear gradients, CSS variable arbitrary syntax, and outline accessibility classes.
Shadcn Theme Generator
Generate a full shadcn theme from a single color
Pick a primary color and base hue — get all 19 shadcn CSS variables for light and dark modes. Live preview, HSL or OKLCH output, paste straight into globals.css.
Gradient Generator
Design CSS gradients with a live preview
Craft linear, radial, and conic gradients with stop-level control. Preview in real time and copy production-ready CSS for your components.
Glassmorphism
Frosted-glass UI with blur, border, and tint
Build glassmorphism panels by tuning blur, transparency, borders, shadows, and gradients. Export clean CSS or Tailwind-ready classes.
Shadow Generator
Layered, soft, and neumorphism shadows
Compose multi-layer box-shadows for cards, buttons, and modals. Switch between soft, hard, inset, and elevation styles — copy as CSS or Tailwind.
More coming soon
Got an idea? Open an issue on our GitHub — we build what the community asks for.