Code editor synched with site pages
On site pages, you can do a lot, while the code allows even greater things. The editor comes with a bunch of perks that will facilitate your work. And you can instantly see all the changes, as the code editor and pages are perfectly synched.
Hot import from NPM
Just add import Component from 'npm-component-name';
to your component code and use the module on the page.
Code in JSX React
If it's the first time you come across React, no worries. The JSX syntax is very similar to HTML markup, so you will easily get the hang of it.
Export projects to create-react-app
If you need to host your project or finish it outside Quarkly, use the export option.
Create custom react components without limits
You can create any component, for example, with complex logic or a query to an external API.
Transfer necessary element props of your components to the panel
When you click on an element, the styles panel appears automatically. But you can also add the desired props to the panel for easy access.
Take advantage of all CSS properties
You can use any CSS property in your code, not only those featured on the panel.
SEO settings for site and pages
Make the most of semantic tags, meta tags, open graph, schema.org, image alts, sitemap.xml, robots.txt, clean HTML, and friendly URLs.