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

Web page builder for marketer.
Meet Quarkly.

Use pre-made React components or build your own. Create your website from scratch or ready-to-use templates. Unlimited customisation possibilities, no-code tools of a classic editor

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

Utilize themes to build a consistent and attractive design for your website.

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

Add ready-made blocks: maps, videos, pop-ups, and many more

Quarkly Features. Example of how page looks with different breakpoints

Customizing design with breakpoints

Your website will automatically adjust to different screen sizes, with different design solutions for elements at breakpoints.

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

You decide where to place the elements. Move them wherever you want, or nest them in other elements.

Multiselect

Take control of multiple elements by selecting them and setting styles, moving, deleting, or doing more.

Quarkly Features. Partly styled text with text edit panel

Text editor

Bold, italic, link, span, and other styles, all options to make your text stand out.

Deep select

Double-click the elements to move up and down in their hierarchical order. Hold down the Ctrl key on Windows or the Cmd key on Mac OS to descend into the hierarchy.

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.

Simply enable "hover" and arrange the desired props to alter the appearance of an element, such as how it behaves on hover.

Google Fonts Connection

To make your site design look more professional go and use a library of more than 990 font families.

Unsplash images

One of the most well-liked free photo sites is Unsplash. From the Quarkly interface, you can search for and choose images.

Props panel

Make use of organized and categorized style and functional properties to improve your project.

Layout

Explore element display properties in this location.

Typography

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

Indents

You can modify the padding and margins in these settings.

Background

This section offers 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

This property helps an element move smoothly from one state to another.

Transform

Use this property to seamlessly transform your element, for example, by rotating or zooming.

Create project

FOR WEB DEVELOPERS

Development capabilities.
Supercharged.

Create custom React components using the code editor

With the Quarkly code editor, you can create custom React components and then use them on a webpage.

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.

Semantic tags

SEO

Optimize your site to promote it on search engines.

Export CRA

There is just one thing to do if you want to finish or host your project on your server: export it into an archive with a create-react-app project!

Code Editor

Fine-tune elements in the code editor.

Export to Gatsby Project

Export your projects to Gatsby, a highly regarded static site generator.

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

Pushing commits to your GitHub repository

Want to add modifications to a GitHub repository you've created for your project? Well, you can. With Quarkly.

Publication on Netlify

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