Generator & Useful websites

These websites can be references for your design ideas

Animation & Art generate

- shapedivider

• Custom Shape Dividers.
  https://www.shapedivider.app/ (opens in a new tab)

- CSS3 Text Shadow Generator

• CSS3 text shadow generator to easily add text shadow styles into your web project.
  https://css3gen.com/text-shadow/ (opens in a new tab)

- magicpattern

• A collection of tools to enhance your design and code workflow. Perfect for developers, designers and marketers.
  https://www.magicpattern.design/tools (opens in a new tab)

- fffuel

• fffuel is a collection of color tools and free SVG generators for gradients, patterns, backgrounds & decorative graphics.
  https://fffuel.co/ (opens in a new tab)

- patternpad

• Design beautiful patterns from endless variations.
  https://patternpad.com/editor.html (opens in a new tab)

- pattern monster

• A simple online pattern generator to create repeatable SVG patterns. Speed up your website without compromising on image quality.
  https://pattern.monster/ (opens in a new tab)

- BGJar

• Free svg background generator for your websites, blogs and app.
  https://bgjar.com/ (opens in a new tab)

- gradienta

• Multicolor Gradients.
  https://gradienta.io/ (opens in a new tab)

- heropatterns

• A collection of repeatable SVG background patterns for you to use on your web projects.
  https://heropatterns.com/ (opens in a new tab)

- svgbackgrounds

• Create stunning websites easily with fullscreen graphics under 5KB.
  https://www.svgbackgrounds.com/ (opens in a new tab)

- doodad.dev pattern-generator

• Use this tool to create unique, seamless, royalty‑free patterns.
  https://doodad.dev/pattern-generator (opens in a new tab)

- svgpatterns

• SVG Patterns Gallery.
  https://philiprogers.com/svgpatterns/#honeycomb (opens in a new tab)