Themes: Everyone is a designer

Apps built with AI tend to look like apps built with AI. The same fonts, shadings, gradients, et cetera. Reflex Build has always contained styling controls, but using them meant knowing what to change and what to change it to, so most people left their app on the default look.

For this reason, we're introducing Reflex Themes. It's a new panel in Reflex Build for restyling your whole app, either by picking a ready-made look or by setting your own colors, fonts, and spacing.

Start with the presets. There are currently eleven, each a complete design system: Modern, Minimal, Material, Carbon, Flat, Glassmorphism, Claymorphism, Neumorphism, Neobrutalism, Retro, and Cyberpunk. Pick one, hit Apply, and your app takes on the whole look, the colors, the type, and the way shadows, corners, and spacing fit together.

You don't need to know any of these by name to use them. You might not have thought to make your dashboard look like Claymorphism, or known what Neumorphism was, until you saw it in the list. Each preset renders as a live preview, so you can browse the range and try a few before deciding.

If you already have an exact look in mind, the Custom tab has fine-tuning knobs: primary and secondary color, typography, border radius, shadow, and spacing. Alternatively, you can simply describe the style you want to the agent. Themes sits alongside both, for when you'd rather start from a baseline than from scratch.

Open Themes in any Build project and have a look: build.reflex.dev