UI designer Steve Schoger created Hero Patterns, a collection of repeatable SVG background patterns for web projects. The patterns are entirely free to use.

You will find over 100 different pattern designs organized into categories like shapes, textures, grids, and more. Each pattern page provides the raw SVG code and generated CSS to apply the pattern as a background image easily.

It is an excellent resource for any designer looking to add subtle textures or visual interest to website or app backgrounds without much effort.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.