Generative design tools
for the web

Customize, curate, and publish designs faster than ever.

GradientsA layer-based interface for CSS gradients
Color scalesScale-based palette generator
Skyscrapers3D SVG cuboids
Delaunay2D coordinate generator
Voronoi2D coordinate generator
Text shadowsLayer-based interface
Circle PackingSVG generator
Bootstrap
Bootstrap ColorsPalette generator
Box ShadowsShadows & TintsColor SeriesSimplexTheme UITachyons ThemeText ImagesColor
Repeating Radial GradientsStripesText StripesParagraphsFont PairingsLineAnimation Color Pulse

Generate & Explore

Cycle through generated designs or create your own from scratch.

Augment

Quickly customize or create your own designs. Lock inputs for properties or combinations of properties you like to find your aesthetic.

Save & Export

Save iterations you like for later use. Export designs as Images, React, JSX, JS, or static HTML and CSS, to use in your projects.

Generative Logo DesignA brief walkthrough of the thinking and process behind our recent logo redesign.Read more

Explore

Easy to customize, ready to use assets

Sign up for early access

Your email will never be used for spam.

We are hiring!

If you are a designer and or developer interested in joining our team, drop us a line at hello@components.ai

See our open Senior Software Engineer position →