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

Web app editor for marketing managers.
Meet Quarkly.

All-in-one website builder on React — Quarkly. Use pre-made React components or build your own. Choose from one of many pre-made blocks

Create Project

FOR WEB DESIGNERS

Absolute creative control of your design.

Primitives

Basic elements that resemble HTML tags: Text, Image, Box, and others.

Themes

Themes can help you design your website consistently.

Extended Styling

Give your website the edge it deserves with innovative layouts, engaging animations, and transforming effects.

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

Use the ready-made blocks such as maps, videos, pop-ups, and more to enhance your site.

Quarkly Features. Example of how page looks with different breakpoints

Customizing design with breakpoints

By employing various design solutions for elements at breakpoints, your website functions flawlessly on mobile devices.

Quarkly Features. Part of Quarkly interface featuring breakpoint settings

Adding and editing breakpoints

Add your own breakpoints or modify existing ones in the project theme.

Drag'n'Drop

Drag and drop elements to arrange them on the page, or nest them in other elements.

Multiselect

Use the multi-select feature to apply styles, move, remove, or perform other actions on multiple elements.

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

If you need to go up and down the hierarchy of elements, double-click them. If you want to dive into the hierarchy, hold down the Ctrl key on Windows and the Cmd key on MacOs.

Quarkly Features. Abstract examples of flexbox and grid

Support of Flexbox and Grid

Here at Quarkly, we are the advocates of cutting-edge approaches to frontend coding.

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

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.

Unsplash images

Browse the Unsplash image collection and choose those you need directly from the Quarkly interface.

Props panel

Enjoy a friendly interface with categorized styles and useful properties.

Layout

You can set the element display properties in this section.

Typography

You can apply the text style properties found here to your text.

Indents

These settings allow you to change margins and paddings.

Background

This section contains props for setting up element backgrounds.

Borders

You can change the border radius and borders in this section.

Position

This category helps you configure the position and z-index settings of elements.

Transition

By using this property, you can make the transition between states of an element smooth.

Transform

With the help of this property, you can rotate or zoom the element.

Create project

FOR WEB DEVELOPERS

Development capabilities.
Supercharged.

Create custom React components using the code editor

Custom React components can be made in Quarkly's code editor and then inserted onto the page.

React.js

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

Hot import from NPM

Import modules to your component from NPM with ease.

Semantic tags

SEO

Optimize your site to promote it on search engines.

Export CRA

To wrap up your project or host it on your server, simply export it into an archive using a create-react-app project.

Code Editor

Fine-tune elements in the code editor.

Export to Gatsby Project

You can easily export your projects to Gatsby, a popular static site generator.

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

Pushing commits to your GitHub repository

You can establish a GitHub repository for your project and submit updates there.

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.