Editor

The editor lets you design in the browser, allowing visualize your composition before the screenshot will be finally taken. The code is written using JSX markup that will be transformed into HTML.

A set of

primitive UI components

are included by default.

These componentes are completely customized: The sx prop lets you add any valid CSS to an element, while using values from your theme to keep styles consistent. You can think of the style object that the sx prop accepts as a superset of CSS.

Any editor change generates a new mix. This new mix has an unique URL associated, being possible quickly share your mix and easily create modifications over it.

The query variables is the way for connecting your design with your data as an efortless way.

On web development, the least common denominator will always be HTML and CSS.

Although the editor accepts JSX markup, it's a superset over HTML/CSS, so you can still using just old but good vanilla style.