What do you think about us? Fill out the survey! 🤗⚡️ We are hiring! Check out our vacancies ⚡️

Looking for CM4all Sites alternatives?
Meet Quarkly.

Unlimited customisation possibilities, no-code tools of a classic editor. Complete design control, supports Grid and Flexbox. Publish your website online or export it to Github

Create Project

FOR WEB DESIGNERS

Full control over the design.

Primitives

Website is composed of basic components similar to HTML tags such as Text, Image, and Вох.

Themes

Build a professional-looking design using themes

Extended Styling

With stylish animations, effects, and transformations, you can make your web page more exciting.

Adaptive design

Fine-tune your adaptive design

Components

You can choose an element (or a group of elements) on the page and convert them into a component. Add copies to the page and they will inherit all the props.

Ready-made Content

Take advantage of the ready-made blocks such as maps, videos, pop-ups, and more

Quarkly Features. Example of how page looks with different breakpoints

Customizing design with breakpoints

Rest assured your site is completely mobile-friendly by using different design solutions for elements at breakpoints.

Quarkly Features. Part of Quarkly interface featuring breakpoint settings

Adding and editing breakpoints

You can use your own custom breakpoints, or select one of the existing ones.

Drag'n'Drop

Move elements around, place them however you want on the page, or nest them in other elements.

Multiselect

You can select multiple elements and modify their styles or drag'n'drop them to change their location.

Quarkly Features. Partly styled text with text edit panel

Text editor

You can edit part of the text making it bold or italic, turning it into a link or converting to span, as well as appyling any style to it.

Deep select

Double-clicking the hierarchy of elements will take you up and down the element structure. If you want to get inside the structure, hold down the Ctrl key on Windows or the Cmd key on MacOs.

Quarkly Features. Abstract examples of flexbox and grid

Support of Flexbox and Grid

We follow up-to-date frontend coding approaches at Quarkly.

Quarkly Features. Example of buttons with different styles depending on pseudo-class

Configuring styles of pseudo-classes hover/active/focus, etc.

To make an element appear differently, such as with a hover state, enable the "hover" prop and configure the desired props.

Google Fonts Connection

The library of over 990 font families will help make your site look more beautiful.

Unsplash images

Make use of Unsplash, one of the most popular free image stocks where you can select images directly from the Quarkly interface

Props panel

Make use of the categorized style and props to your advantage.

Layout

This section allows you to configure the display properties of elements.

Typography

To alter the appearance of your text, use the properties in this section.

Indents

Here you can configure margins and paddings, which control the space around elements.

Background

Here you'll find some props to help you set up element backgrounds.

Borders

Here you can set up borders and border radius.

Position

With this category, you can fine-tune element position and z-index settings.

Transition

With this property, you can make an element move smoothly from one state to another.

Transform

You can transform the element using this property, for instance, rotate or zoom.

Create project

FOR WEB DEVELOPERS

Development capabilities.
Supercharged.

Make custom React components in the code editor

With the Quarkly code editor, you can create unique React components and then place them on the page.

React.js

The pages are written in JSX code typical for React.js

Hot import from NPM

You can import modules to your component from NPM in a few clicks.

Semantic tags

SEO

Optimize your site to promote it on search engines

Export CRA

One of the final steps to complete your project is to export it into an archive with a create-react-app project.

Code Editor

Fine-tune elements in the code editor

Export to Gatsby Project

In no time, you can export your projects to Gatsby — one of the best open-source SSGs

Quarkly Features. Part of Quarkly interface featuring list of layers and contextual menu

Pushing commits to your GitHub repository

Want to create a GitHub repository for your project and commit changes there? Piece of cake!

Publication on Netlify

Publish your site on Netlify once it's ready. A technical domain will be created automatically for it, for example: https://inspiring-beaver-d128ed.netlify.app.