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

Landing page maker for software engineers.
Meet Quarkly.

All-in-one website builder on React — Quarkly. Get all the power of graphic design tools and website builders. Publish your website online or export it to Github

Create Project

FOR WEB DESIGNERS

Absolute control over the design.

Primitives

The simplest, most basic components similar to HTML tags. For example, Text, Image, and Вох.

Themes

Build a consistent design using themes

Extended Styling

Enhance the functionality of your websites with unique layouts, animations, effects, and transformations.

Adaptive design

Fine-tune your adaptive design

Components

Components are reusable design elements. To create a component, select an element or group of elements on the page or in the Layers panel and group them into component. Add copies of the component to the page, and they will inherit all their properties from the original.

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

Different design solutions will be used for elements at breakpoints as your website automatically adapts to different screen sizes.

Quarkly Features. Part of Quarkly interface featuring breakpoint settings

Adding and editing breakpoints

Choose from the preset breakpoints or use your own.

Drag'n'Drop

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

Multiselect

You can choose multiple elements, set their styles, move to another place, delete, and more.

Quarkly Features. Partly styled text with text edit panel

Text editor

You can link certain passages of text, make them bold or italic, or both. You can choose the font face, size, and color as well.

Deep select

Navigate the hierarchy of elements with a double click. Hold down Ctrl on Windows or Cmd on MacOS to dive deeper.

Quarkly Features. Abstract examples of flexbox and grid

Support of Flexbox and Grid

Advanced frontend coding is at the forefront of Quarkly's approach.

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

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

To modify the look of an element, such as its hover appearance, simply enable "hover" and customize the properties.

Google Fonts Connection

Give your website a more vibrant look by using fonts from a library that contains over 990 font families.

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

This provides categorized functional and stylistic attributes.

Layout

Element display properties can be found here.

Typography

To change the style of your text, use special properties in this section.

Indents

Open these settings to configure margins and paddings.

Background

Props in this section help create the backgrounds for the elements.

Borders

You can set borders and border radius in this section.

Position

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

Transition

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

Transform

You can use this property to transform the element, for example, rotate or zoom.

Create project

FOR WEB DEVELOPERS

Development capabilities.
Supercharged.

Create custom React components using the code editor

You can create your own React components using the Quarkly code editor and then add them to the page.

React.js

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

Hot import from NPM

Import modules to your component with ease, if needed.

Semantic tags

SEO

Optimize your site to promote it on search engines.

Export CRA

Easily complete or host your project on your server by exporting 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 — one of the most famous static-site generation web frameworks

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

Pushing commits to your GitHub repository

Create a GitHub repository for your project and make commits with ease.

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.