Skip to main content

Welcome to Quarkly

Quarkly is a tool for creating websites, landing pages, and web applications. It combines a visual editor, an integrated development environment, and a website builder. It allows developers to add business logic as well as code their own components, which are then available in the visual editor.

How Quarkly works#

All Quarkly projects are based on React components and the @quarkly/atomize library. Every single primitive on the editor's layout is ready-to-use and reusable code.

When developing a component, you can#

  • Add descriptions for component properties;
  • Display component properties on the right panel of the visual editor in the form of controls;
  • Use overrides for:
    • naming subcomponents;
    • selecting and editing subcomponents in the visual editor;
    • adding different states.
  • Define effects (pseudo classes) for different states;
  • Apply style variables from the project theme;
  • Import other components from NPM or an embedded catalog.