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

Looking for Siter.io alternatives?
Meet Quarkly.

Unlimited customisation possibilities, no-code tools of a classic editor. Use pre-made React components or build your own. Completely free — you should try it now

Create Project

FOR WEB DESIGNERS

Full creative control of your design.

Primitives

The most primitive building blocks similar to HTML tags. For example, Text, Image, and Box.

Themes

You can make your site's design consistent by using themes.

Extended Styling

Supercharge your sites 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

You can make sure your site is mobile-friendly by designing different solutions for elements at breakpoints.

Quarkly Features. Part of Quarkly interface featuring breakpoint settings

Adding and editing breakpoints

You can create, edit, or delete custom breakpoints in the project theme.

Drag'n'Drop

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

Multiselect

You can select multiple elements and set their styles, drag to another place, remove, and more.

Quarkly Features. Partly styled text with text edit panel

Text editor

You can bold or italicize part of the text; turn it into a link or a span; or apply any other 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

Quarkly supports the most advanced 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.

To change the appearance of an element, such as changing its behavior on hover, just enable "hover" and set up the desired props.

Google Fonts Connection

Make your website look more vibrant by using fonts from a library with over 990 font families.

Unsplash images

Unsplash is a popular free image stock. You can search and select images directly from the Quarkly interface.

Props panel

Take advantage of the categorized style and functional props.

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 will find the settings for margins and paddings.

Background

This section contains props that help set element backgrounds.

Borders

In this section, you can adjust borders and border radius.

Position

This category allows you to position elements and set their z-index values.

Transition

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

Transform

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

Create project

FOR WEB DEVELOPERS

Development capabilities.
Supercharged.

Making custom React components in the code editor

You can build and add custom React components to your Quarkly pages using the code editor.

React.js

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

Hot import from NPM

Importing modules to your component from NPM has never been easier.

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

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 create a GitHub repository for your project and commit changes.

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.