# Super Designer
> Free design tools for developers and designers. No signup, no account required.

Super Designer is a free web-based design tool suite with 15+ generators for backgrounds, gradients, patterns, shapes, colors, and images. All tools run entirely in the browser and export as PNG, JPG, SVG, or CSS.

## Tools

- Mesh Gradient Generator: https://superdesigner.co/tools/mesh-gradient — Create smooth, customizable mesh gradient backgrounds with draggable color nodes. Export as PNG or JPG.
- Background Generator: https://superdesigner.co/tools/backgrounds — Generate unique abstract backgrounds in 15+ styles including waves, blobs, blurry, shapes, and more.
- Pattern Generator: https://superdesigner.co/tools/patterns — Design beautiful tiling patterns using a tile-based system with 150+ shapes. Export as PNG, JPG, or SVG.
- SVG Background Generator: https://superdesigner.co/tools/svg-backgrounds — Create and customize scalable SVG backgrounds. Copy the SVG code directly.
- Gradient Generator: https://superdesigner.co/tools/gradients — Create linear, radial, and conic gradient images. Export as PNG or JPG.
- CSS Background Generator: https://superdesigner.co/tools/css-backgrounds — Browse and copy 100+ CSS-only background patterns. No images required.
- CSS Pattern Generator: https://superdesigner.co/tools/css-patterns — Generate geometric CSS patterns (stripes, dots, grids). Copy the CSS code.
- CSS Shadow Generator: https://superdesigner.co/tools/css-shadow-generator — Create custom CSS box-shadows and text-shadows with live preview. Copy the CSS.
- Blob Generator: https://superdesigner.co/tools/blob-generator — Generate organic blob shapes. Export as SVG or copy the SVG code.
- 3D Shape Generator: https://superdesigner.co/tools/3d-shapes — Create unique 3D geometric shapes with custom materials and lighting. Export as PNG.
- Color Palette Generator: https://superdesigner.co/tools/color-generator — Generate harmonious color palettes using color theory principles.
- Color Shades Generator: https://superdesigner.co/tools/shades — Generate color shades between two colors for design system scales.
- Graph & Chart Generator: https://superdesigner.co/tools/graphs — Create bar, line, pie, doughnut, and radar charts with custom data. Export as PNG.
- Text Image Generator: https://superdesigner.co/tools/text-image — Create images with custom text on designed backgrounds. Export as PNG or JPG.
- Image Resizer: https://superdesigner.co/tools/magic-resize — Resize images to multiple sizes at once. Export as ZIP.

## Resources

- Gradient Library: https://superdesigner.co/resources/gradients — Curated CSS gradient collection
- Pattern Library: https://superdesigner.co/resources/patterns — Curated SVG pattern collection
- Background Library: https://superdesigner.co/resources/backgrounds — Free SVG background downloads
- Color Palette Library: https://superdesigner.co/resources/color-palettes — 30+ curated color palettes
- Mesh Gradient Collection: https://superdesigner.co/resources/mesh-gradients — Pre-made mesh gradient SVGs

## Key Facts

- All tools are 100% free
- No account or signup required
- No data uploaded — all processing happens in the browser
- Export formats: PNG, JPG, SVG, CSS, ZIP
- Works in any modern browser