Carrd Background Patterns
Discover and explore all available background patterns for your Carrd website. From geometric designs to animated effects.
Geometric Patterns
8 patternsAngled Dots (Circle)
angled-circle-dots
Angled Dots (Plus Sign)
angled-plus-dots
Angled Dots (Square)
angled-square-dots
Dots (Circle)
circle-dots
Dots (Plus)
plus-dots
Dots (Square)
square-dots
Grid (Diamond)
diamond-grid
Grid (Square)
square-grid
Decorative Elements
6 patternsEyes
eyes
Heartbeat
heartbeat
Heart Outlines
heart-outlines
Hearts
hearts
Pulsing Stars
pulsing-stars
Twinkling Stars
twinkling-stars
Nature & Organic
3 patternsMountains
mountains
Ocean
ocean
Rain
rain
Animated Patterns
37 patternsBokeh (Animated)
animated-bokeh
Bubbles (Animated)
animated-bubbles
Cubes Array (Animated)
animated-cubes-array
Dot Grid (Warp, Animated)
animated-dot-grid-warp
Dot Grid (Waves, Animated)
animated-dot-grid-waves
Equalizer Bars (Animated)
animated-equalizer-bars
Equalizer Lines (Animated)
animated-equalizer-lines
Equalizer Pixels (Animated)
animated-equalizer-pixels
Eyes (Animated)
animated-eyes
Fireworks (Animated)
animated-fireworks
Flurries (Animated)
animated-flurries
Gears (Animated)
animated-gears
Heartbeat (Animated)
animated-heartbeat
Heart Outlines (Animated)
animated-heart-outlines
Hearts (Animated)
animated-hearts
Hexagons (Animated)
animated-hexagons
Horizon (Animated)
animated-horizon
Hyperspace (Animated)
animated-hyperspace
Jack O' Lanterns (Animated)
animated-jackolanterns
Lightning (Animated)
animated-lightning
Mirrored Horizon (Animated)
animated-mirrored-horizon
Moire Hexagons (Animated)
animated-moire-hexagons
Mountains (Animated)
animated-mountains
Ocean (Animated)
animated-ocean
Peaks (Animated)
animated-peaks
Pixels (Animated)
animated-pixels
Pulsing Stars (Animated)
animated-pulsing-stars
Puzzle (Animated)
animated-puzzle
Rain (Animated)
animated-rain
Skyline (Animated)
animated-skyline
Snowflakes (Animated)
animated-snowflakes
Spiders (Animated)
animated-spiders
Squares (Animated)
animated-squares
Stars (Animated)
animated-stars
Tunnel Horizon (Animated)
animated-tunnel-horizon
Twinkling Stars (Animated)
animated-twinkling-stars
Web (Animated)
animated-web
Abstract Designs
47 patternsBokeh
bokeh
Bricks
bricks
Bubbles
bubbles
Checker
checker
Chevrons
chevrons
Confetti
confetti
Confetti (90s)
90s-confetti
Confetti (Line)
line-confetti
Cubes
cubes
Cubes Array
cubes-array
Equalizer Bars
equalizer-bars
Equalizer Lines
equalizer-lines
Equalizer Pixels
equalizer-pixels
Fireworks
fireworks
Flurries
flurries
Gears
gears
Glass
glass
Hexagons
hexagons
Hexagons (Rounded)
rounded-hexagons
Horizon
horizon
Jack O' Lanterns
jackolanterns
Lightning
lightning
Lines (Diagonal)
diagonal-lines
Lines (Horizontal)
horizontal-lines
Lines (Reverse Diagonal)
diagonal-lines-rev
Lines (Vertical)
vertical-lines
Mirrored Horizon
mirrored-horizon
Noise
noise
Paws
paws
Peaks
peaks
Pills
pills
Pixels
pixels
Plaid
plaid
Puzzle
puzzle
Skyline
skyline
Snowflakes
snowflakes
Spiders
spiders
Squares
squares
Tiles
tiles
Triangles
triangles
Triangles (Rounded)
rounded-triangles
Tunnel Horizon
tunnel-horizon
Waves (Horizontal)
horizontal-waves
Waves (Vertical)
vertical-waves
Web
web
Zigzag (Horizontal)
horizontal-zigzag
Zigzag (Vertical)
vertical-zigzag
How to Use Background Patterns in Carrd
In Carrd Editor:
- Select your page or section
- Go to the Background settings
- Choose "Pattern" from the background options
- Select your desired pattern from the list
- Customize color, size, and thickness as needed
Pattern Properties:
- Color: Customizable pattern color
- Size: Adjustable pattern scale
- Thickness: Line weight control
- Animation: Dynamic movement effects
Pro Tip
Use subtle patterns for text-heavy sections and bold patterns for hero sections. Animated patterns work great for landing pages but use them sparingly to avoid distraction.