Hero Patterns

Steve Ruiz

Open in Framer X

Use every SVG pattern from the Hero Patterns collection with controls for adjusting colors, scale and offset. Patterns and project by Steve Schoger, component by @steveruizok.

Prop Type Description
pattern string See Hero Patterns
backgroundColor string Color
foregroundColor string Color
patternScale number
patternOffsetX number Between 0 and 1
patternOffsetY number Between 0 and 1


24 September 2019

Updates library, re-writes component as functional component.


  • Fixes image in artwork


  • Typos, obviously


  • whaddup world
Opening Package in Framer X...

Don’t have Framer X yet?Start your Free Trial

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree