Clutch

Build real web apps and micro front-ends that connect to any backend, in real-time with your team.

Description

Clutch is an advanced visual product builder that combines the speed and familiarity of design tools with the power of development tools. Quickly launch your MVP with starter kits, scaffolds, and components. Add data, logic, and code to get to 1.0 and beyond. We remove friction without removing possibilities. Products in Clutch are composed using components. We have thousands of components to choose from in our fast-growing community-driven marketplace. You can also import from tens of thousands of components on npm. Composing new components only takes a click, and you have full access to the code anytime you need it. Clutch is BYOB (Bring Your Own Backend). Build your POC with Airtable 2.0, your MVP with Canonic, and your 1.0 with Supabase (Alpha), You can even build a storefront for Shopify. If it has an API, you can use it with Clutch. Our workspaces, infinite canvases, and frames help you organize, visualize and explore your projects while enabling powerful workflows. Create a "Components" workspace to maintain your component library. Use mobile, tablet, and desktop-sized frames to instantly see your changes across devices. Embed Figma 2.0 designs directly into your workspaces to cross-reference components against designs. The possibilities are endless. Clutch brings design, development, and other stakeholders together in real-time with multiplayer, live share links, sandboxes, and intuitive version control. We remove handoffs and get more hands-on. Clutch has powerful publishing capabilities that enable professional workflows and ensure your work is portable: - Publish your products to our performant zero-config hosting platform or any third-party host that supports Node.js. - Push your component libraries to npm for developers to import into their existing code. - Share your components in the Clutch marketplace. - Download a zip file of your project's assets and code. - Sync code to your filesystem for advanced workflows and continuous integration. We are also launching the following workflow features soon: - Import from Figma 2.0: Turn your Figma project into a Clutch project, including all components and variants. With auto layout and a few naming conventions, you can go from prototype to production in record time. - Publish to React Storybook: Turn your component library into a documented design system that your developers can easily consume. We are #ProCode, and unlike #NoCode tools, we don't hide the way things work under the hood. This makes Clutch a great way to learn how real products are built while visually composing your ideas. You can go from no-code to knowing code without the huge learning curve of command lines and build tools. If you are a front-end developer, once you become oriented, you should feel right at home. Clutch is a professional tool and will take some time to learn. We recommend getting your feet wet with the interactive getting started guide, which is available from the Getting Started screen once you log in. From there, we recommend watching and joining webinars and looking at the other example projects available from the Getting Started page in the dashboard. Our team and growing community of creators hangs out in our community slack. We'd love to meet you there! We have worked on Clutch for over 4 years, and we are very excited to show you what it is capable of and hear your feedback so we can polish it into something you'll love.

Stage

Public beta

Platforms

  • Website/Web app

Launch date

August 01, 2021

Published

December 29, 2021