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.
See live demo at .
Composable
A set of 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.
Stateful
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.
Feed with data
The query variables is the way for connecting your design with your data as an efortless way.
Vanilla Markup
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.

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.
See live demo at .
Composable
A set of 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.
Stateful
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.
Feed with data
The query variables is the way for connecting your design with your data as an efortless way.
Vanilla Markup
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.