# Design tools (free CSS tools, AI image enhancer with Pro)

- [AI Image Enhancer](https://pixelpapa.com/tools/image-enhancer.md): Upscale and enhance images up to 4× with Real-ESRGAN AI. Restore detail in compressed or low-resolution photos, with optional face enhancement. Included with PixelPapa Pro: 300 images a month.
- [Gradient Generator](https://pixelpapa.com/tools/gradient-generator.md): Free CSS gradient generator. Build linear, radial and conic gradients with draggable colour stops and presets, then copy the CSS background or a Tailwind CSS class.
- [Shadow Generator](https://pixelpapa.com/tools/shadow-generator.md): Free CSS box-shadow generator. Stack up to six shadow layers or generate smooth, realistic shadows from elevation and sharpness, then copy CSS or a Tailwind class.
- [Glass Generator](https://pixelpapa.com/tools/glass-generator.md): Free glassmorphism generator. Tune backdrop blur, saturation, tint, border and grain over colourful backgrounds, then copy the frosted-glass CSS or Tailwind classes.
- [Spring Playground](https://pixelpapa.com/tools/spring-playground.md): Tune spring stiffness, damping and mass, see the response curve, settle time and overshoot, then copy a Motion (Framer Motion) transition or a CSS linear() easing.
- [Theme Builder](https://pixelpapa.com/tools/theme-builder.md): Free shadcn/ui theme generator. Pick a brand colour and radius, preview real components and contrast ratios, and copy OKLCH CSS variables for light and dark mode.