Gradients - UI Goodies

I

I

Free Design Resources

I

I

Free Design Resources

Design Inspiration

See where the best designers get their inspiration from.

Graphics

Graphics Generators

Gradients

Gradients

Animated Gradients • Export Images & Video

Graphics

I

Graphics Generators

Visit Website

A free gradient generator for creating animated backgrounds in the browser. Tweak colors, noise, and motion to create smooth or grainy gradient textures — then export stills up to 4K or record MP4 video loops. Every gradient gets a unique shareable URL.

More Tools

65 Free Scribbles & Doodles

65 Free Scribbles • Doodles

Basic Pattern Repo

SVG Pattern Library • Simple & Clean

Blobmaker

Blob Generator • Organic SVG Shapes

Cool Shapes

Abstract Shapes • Grainy Gradients

Creative Market

3 Million Unique Assets • Indie Creators

Durves

Dot Pattern Creator • SVG Export

EightShades

Shade Creator • Animated Backgrounds

Envato Elements

Editor’s Pick

Unlimited Creative Assets • Subscription

Fffuel

Editor’s Pick

SVG Generator Suite • Color Tools

Fox Rocket Studio

Vector Graphics • Templates

Gensyn Brand

Editor’s Pick

Dither & Pixelate • Noise & Glitch

Gradiator

Gradient Generator • Apple-Inspired

Gradients

Animated Gradients • Export Images & Video

Groovy Stickers

Sticker Pack • Retro Graphics

Haikei

Multi-type • Generation Tool

Hand Drawn Elements

Editor’s Pick

Hand-Drawn Assets • Arrows & Doodles

Heerich

3D Voxel Renderer • SVG Output

Hero Patterns

SVG Backgrounds • Repeatable Patterns

Highlights

Highlight Graphics • Decorative Assets

HueGrid

Create Stunning Gradients • Noise, Dither, Aurora

Illustrations.run

Scribbles • Free SVG Illustrations

Line Scribbles

Line Scribbles • Figma Community

Loader Builder

Editor’s Pick

Loading Animations • CSS & SVG Export

MagicPattern

Graphic Generator • Multi-Format Export

Magnific

Graphic Resource Library • Vectors & More

Morph

Editor’s Pick

Interactive Generator • Particle, Lava Lamp

Noun Project

Editor’s Pick

Scribble Illustrations • Free

Particle Icon Renderer

Particle Effects • Icon Renderer

Pattern Generator

Seamless Patterns • Royalty-Free

PatternCraft

Editor’s Pick

Background Patterns • Copy & Paste

Patternico

Pattern Maker • Seamless Backgrounds

Patternkid

Geometric Patterns • Instant Generation

Scribbbles

Hand-Drawn Illustrations • Free Assets

Shape Divider

Section Dividers • SVG Export

Shapeoholic

Editor’s Pick

SVG Shapes • Fully Customizable

Shapes

Editor’s Pick

SVG Shape Library • One-Click Copy

Sin Waver

Sine Wave Generator • Vector Export

Skycard Studio

Editor’s Pick

Customize Credit Cards • Visual Generator

Spectrum

Editor’s Pick

SVG Shapes • Free & Copyable

Super Designer

Editor’s Pick

Design Tools • Backgrounds & Shapes

SVG Backgrounds

SVG Backgrounds • Fully Customizable

SVG Doodle Drawings

Editor’s Pick

Scribble style • Free SVG set

SVG Waves

Wave Generator • SVG Export

SVGHub

Custom SVG Elements • Paste-Ready

Tabbied

Customize Shapes • Export

Toukan

Vector Editor • Generative Design

Vecteezy

Vector & Illustration Library • Free + Pro

You Work For Them

Editor’s Pick

Premium Graphics • Curated Marketplace

Keep Exploring

3D Icons

3D Icons • 200 Icons

Akar Icons

Open source • 454 icons

Atlas Icons

Pixel-perfect • 7,000+ icons

Basicons

Multi-weight • 600+ icons

Boxicons

Editor’s Pick

Multi-style • 1,600+ icons

Circum

Consistent • 288 icons

Clickons

Fill & stroke • 500 icons

CSS Symbols

Multi-format • 700+ icons

Devicon

Brand logos • 200+ dev tools

Doodle Icons

Hand-drawn • 400+ icons

Doodlicons

Hand-drawn • wireframe style

Eva Icons

Material-inspired • 480+ icons

Feather

Editor’s Pick

Minimal • 286 icons

Flagpack

Flag icons • 260+ flags

Forge Icons

Multi-style • 300+ icons

Futicons

Future-themed • 125 icons

Glyph Neue

Editor’s Pick

Minimal • 1,500+ icons

Heroicons

Multi-style • 292 icons

Humbleicons

Minimal • 277 icons

Iconhub

Multi-style • 3,327 icons

Iconic

Animated • pixel-perfect

Iconmonstr

Single-creator • 400+ icons

Iconoir

Editor’s Pick

Open source • 1,300+ icons

Iconpark

Customizable • 1,200+ icons

Icons.download

Editor’s Pick

Open source • 16 styles

Iconsax

Editor’s Pick

Multi-style • 1,000 icons

Iconshock

Gradient • interactive SVG

Iconstica

Multi-style • 4,700+ icons

Iconsvg

Icon generator and finder

Ionicons

Open source • 1,300+ icons

Isocons

Editor’s Pick

Isometric • 500+ icons

Japan Pictograms

Tourism symbols • Japan

Licons

Minimal • open source

Line Awesome

Line • 1,380+ icons

List Emoji

Emoji reference tool

Logo Ipsum

Placeholder logos for mockups

Lucide

Community-built • 1,300+ icons

Majesticons

Line • 3,200+ icons

Material Symbols

Multi-weight • 2,500+ icons

Mingcute Icons

Multi-style • 3,000+ icons

OBRA

Multi-weight • 1,000+ icons

Openmoji

Open source • 4,000+ emojis

Phosphor Icons

Editor’s Pick

Multi-weight • 9,000+ icons

Pixelarticons

Pixel art • 460+ icons

Remix Icon

Neutral • 2,800+ icons

Sargam Icons

Open source • 700+ icons

Simple Icons

Brand logos • 2,400+ icons

Star Wars Icons

Themed • Star Wars

Streamline Freebies

Multi-style • 5,600+ icons

Supercons

React • open source

SVG Repo

Open source • 300k+ SVGs

Tabler Icons

Pixel-perfect • 3,400+ icons

The Icon Of

Pixel-perfect • 1,000+ icons

Thiings

3D • 10k + icons

Twemoji

Emoji set • Twitter style

Vzy Icons

Multi-style • 1,000+ icons

Wayfinding 2.0

Signage • brutalist style