Evangelist wanted 🤗

Design tool
for creating websites 
and web apps.

The power of graphic and code editors.
The speed of website builders.

Create Project

MeetQuarkly.

A unique tool for webmasters, designers and developers.

Quarkly helps you create websites as quickly as a website builder. And as beautifully as a graphic editor.

Why are we called Quarkly?
Just as in physics where the smallest elements – quarks – combine to form an atom, in our editor you can manipulate the smallest elements to create your amazing website.

FOR WEB DESIGNERS

Absolute design control.

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

Themes
Build a consistent design using themes

Features 
Supercharge your sites with one-of-a-kind layouts, animations, effects and transformations

Adaptive
Fine-tune your adaptive design

Custom designer components
Turn blocks and elements into components that support inheritance, overrides and other familiar behaviors.

Opportunities
Add pre-made blocks: maps, videos, pop-ups, and so much more

Collaboration
You can work on a project together with your colleagues: just send them an invitation link.

FOR WEB DEVELOPERS

Development opportunities. Supercharged.

Components
Code your own React components

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

Hot import from NPM
Use thousands of community packages

Semantic tags

SEO
Optimize your site to promote it on search engines

Export to CRA or Gatsby
Export production-ready Create-React-App or Gatsby

Code Editor
Fine-tune elements in the code editor

Familiar workflow.

Don’t waste your time getting the hang of things. Say goodbye to the learning curve.

01→

Create a site from scratch 

02→

Add thematic blocks and components

03→

Customize template content

04→

Customize theme styles

05→

Configure the layout design for mobile devices

06→

Commit to GitHub repo and publish it on Netlify

Stunning features. 

Interface
Zoom and pan
Drag'n'drop
Props panel
Layer panel
Shortcuts
Components
Primitives
Quarkly UI KIT
Design components
Code components
Styling
Adaptive design
Hover
Active
Focused
Pseudo-classes
Animation
Themes
Absolute positioning
Custom cursor
Filters
Blending
Transforms
Code
Sync with a page
Hints
Modules from NPM
Export & Publication
Create-react-app
Gatsby
Commit to GitHub
Publish on Netlify

Try it for free.

During the beta phase,
we provide free access to all product features.

Create project
Quarkly - Design tool to create sites & web apps on React | Product Hunt
Made on Quarkly