Welcome to Clutch

What is Clutch?

Clutch is a visual React builder that utilizes ReactJS to help you build rapidly from prototype to production. With Clutch, you will visualize these components as blocks instead of lines of code. Componentization saves time by reducing the efforts spent rebuilding the same features.

For example, a button:

This Button from Clutch UI kit is rendered in a frame by itself. As a user, you can insert this Button in multiple areas of your project. Modifying its documented properties will also change how the Button looks and behaves.

Each new project will come with the Clutch UI Kit installed. You can find more components by using Clutch Marketplace to start building quickly.

You can also create custom components specific to your needs that can be reusable, e.g., A custom button you want to add in multiple areas of your app). We discuss how to add and create Clutch components in further documentation.

When you are ready to publish your work, host your project using Clutch Hosting. We use progressive server-side-generation (PSSG) to ensure fast speeds and SEO-friendly content delivery. You can export your component(s) to a service such as NPM for other applications.

To publish your website/ web app/ dashboard/ eCommerce/ Marketplace project, all you need to use is Clutch Hosting, or you can export your component(s) to a service such as NPM for other applications.

What can you build?

Building in Clutch provides many possible options.

• Create a portfolio/ blog for yourself.
• An Ecommerce site
• Marketplace
• A company landing page
• Dashboards to show your client's data
• A customer relations manager
• Your very own Design System
• etc

To build, you can use the browser or the desktop app.

📘

Downloading the desktop app

Can be found in the Clutch menu in the browser tool or by navigating to the download link here https://desktop.clutch.io/.

Clutch is responsive by nature and allows you to build with any backend. All projects hosted with Clutch will benefit from fast load times and will be SEO-friendly.

Clutch helps you to build rapidly from prototype to production with the browser or desktop visual composer.

Snap together components and style them on the fly with CSS or a Design system's help. Powered by React, Clutch is responsive by nature and allows you to build with any backend. All projects hosted with Clutch will benefit from fast load times and will be SEO-friendly.

Browser Support

We recommend using Google Chrome or any other chromium based browser for the best experience while working in Clutch.