We've opened up log in and released the alpha version of our theme builder. Create an account to save multiple themes as well as easily track your publish and edit history for components. Build themes by importing existing site styles, customizing curated templates, or starting from scratch.
It should be easy to utilize your existing visual brand. Via the CSS Stats API, we automate parsing visual styles from CSS, which sorts your colors, typography, shadows, and borders into scales you can edit as needed.
Build accessible and balanced color systems. Jump-start your designs with a growing set of theme presets, or import your existing colors to use as generative input for other components.
As you build your color system, get a variety of automated documentation and visual feedback loops that allow you to navigate accessible ways to use your color palette. Automatically see accessible color combos from within each color group as well as the color contrast scores with both black and white.
Generate, customize, and visualize complex ways to combine colors to build UI beyond two color combinations for text and background. It’s never been easier to explore dark mode options.
Using our generative algorithms, explore what’s possible with CSS gradients and your color palette. For more complex gradients check out our gradient component.
Generate box shadows and preview their application on cards, buttons, images, and more.
Build modular scales for spacing and typography to create fluid systems with the units of your choice.
Existing components and our in-flight component builder allow you to constrain generative inputs to values from your theme. While you can always choose a custom value for one-off needs, we're working to make it as easy as possible to apply existing theme values to new designs.
Get started here. We can't wait to see what you make.
We'd love to hear about your computational theming needs. Drop us feature requests or issues here.