Skip to content


The Designer is intended to make transition from idea to implementation easier. You can drag components from the left pane to the preview in the middle or the component tree on the right pane to add them to the DOM tree. Save button will save current design in .json format so you can load it with Load button later. Export will generate svelte or react file with code corresponding to that design. Both, svelte and react, use chota for CSS, so theming is unified. Icons are provided via @mdi/js library.

To see designer in action please watch Designer Intro and Practical Designer