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)

- fancy-border-radius

• Border patterns.
  https://9elements.github.io/fancy-border-radius/ (opens in a new tab)

- uigradients

• Gradients color generater.
  https://uigradients.com/ (opens in a new tab)

- css-shape

• The Ultimate Collection of CSS-only Shapes.
  https://css-shape.com/ (opens in a new tab)

- lookscanned

• Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
  https://lookscanned.io/ (opens in a new tab)

Free fonts site

- Google Fonts

https://fonts.google.com/ (opens in a new tab)

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@1,300&family=Inter&display=swap" rel="stylesheet">
 
body{
    font-family: 'Be Vietnam Pro', sans-serif;
    font-family: 'Inter', sans-serif;
}