All-in-one website builder on React — Quarkly. Unlimited customisation possibilities, no-code tools of a classic editor. Publish your website online or export it to GithubCreate Project
Website is composed of basic components similar to HTML tags such as Text, Image, and Вох.
Create a consistent and professional-looking design with the help of themes.
Enhance the functionality of your websites with unique layouts, animations, effects, and transformations.
Fine-tune your adaptive design
Create a component from one or more objects on the page or from the Layer panel. Add copies of the component to the page, and they will inherit all the props.
Make your page come alive with ready-made blocks like maps, videos, pop-ups, and many more.
Customizing design with breakpoints
Rest assured your site is completely mobile-friendly by using different design solutions for elements at breakpoints.
Adding and editing breakpoints
Use your own breakpoints or choose one of the ones that are already there.
Place elements however you want on the page — that is your choice. You can drop them in the desired area, or nest them in other ones.
Use the multi-select feature to apply styles, move, remove, or perform other actions on multiple elements.
If needed, you can change part of the text into bold or italic, link or convert it to span, or edit its style.
You can move through the elemental hierarchy by double clicking. Hold down the Ctrl key on Windows or the Cmd key on MacOs to enter the hierarchy.
Support of Flexbox and Grid
At Quarkly, we support the latest and greatest in frontend coding.
Configuring styles of pseudo-classes hover/active/focus, etc.
By activating the "hover" prop and positioning the desired props, you can change how an element appears, for example in a hover state.
Google Fonts Connection
The library of over 990 font families will help make your site look more beautiful.
One of the most well-liked free photo sites is Unsplash. From the Quarkly interface, you can search for and choose images.
Enjoy categorized styles and functional properties in a friendly interface.
Here you can change the way elements appear.
You can change text styles by using special properties in this section.
These settings offer options to change margins and paddings.
This section contains props that help set element backgrounds.
This section allows you to adjust borders and border radius.
In this category, you can change the settings for element position and z-index.
The smooth movement from one state to another for an element is enabled by this property.
Transform your element with ease using this property, for example, rotate or zoom.
Create custom React components using the code editor
You can make your own React components in the Quarkly code editor and add them to the page.
The pages are written in JSX code typical for React.js.
Hot import from NPM
You can easily import modules from NPM to your component.
Optimize your site to promote it on search engines.
Easily complete or host your project on your server by exporting it into an archive with a create-react-app project.
Fine-tune elements in the code editor.
Export to Gatsby Project
One of the most well-liked static site generators, Gatsby, is one to which you can export your projects.
Pushing commits to your GitHub repository
You can build a GitHub repository for your projects if necessary and commit updates there.
Publication on Netlify
Once your site is ready, you can publish it on Netlify with a technical domain name such as https://inspiring-beaver-d128ed.netlify.app.
Modern built-in code editor
All of the page's entities can be found in the Quarkly editor.
When there are errors in the component code or pages, they can be seen in the debug console.
Tooltips in the code
If you are not sure how to spell a property, start typing and the editor will help you.
Synched pages and code editor
As you make changes to the pages, the changes display in the code and vice versa.
Profit from the Quarkly collaboration tool by inviting your colleagues to work on a project with you.
Any element can serve as a tag. Simply select the "as" property value you require.
You can specify desired attributes for elements in the code editor.
A unique attribute of the "Image" element.
Get creative with device icons and tile background color on Windows 10 with this exclusive setup feature.
Open graph and meta tags
Configure these settings to display your website correctly in search engine results and social media.
Enhance your site's visibility in search engines and ease of use with user-friendly URLs.
Robots.txt and sitemap.xml
These files are automatically produced. But you are free to change them as you choose.
We provide Quarkly for free as long as we can, and then the lowest price among competitors.Create project