The Next-Generation Visual Builder for WordPress
Clutch gives professional creators complete design and functional freedom while delivering superior performance with fewer plugins.
Powered by
The Most Expressive Visual Builder
With hundreds of styling options, Clutch gives you complete control over your design.
Flex & Grid Layouts
Create custom layouts with sophisticated flex and grid controls.
Responsive Design
Fine-tune designs for mobile, tablet, and desktop with intuitive breakpoint controls and previews.
Reusable Classes
Apply the same styles to multiple components and update them all at once, making design changes quick and efficient.
Design Tokens
Update colors, spacing, and other design tokens in one place to automatically update all instances across your site.
Tailwind Scales
Reduce decision fatigue with predefined values that help you create accessible designs faster and more consistently.
Advanced Typography
Access thousands of Google Fonts or upload your own. Fine-tune every aspect of your typography from letter spacing and line height to font weight and style variations.
Style States
Define different styles for each interactive state of a component such as hover, focus, and active.
Custom CSS
Any styles that can be written in code can be set visually in Clutch, giving you the full power of CSS while ensuring you never hit a limitation.
Dark Mode
Set dark values for your color design tokens to enable support for dark mode.
Granular Components
Clutch Library is built with fully transparent, non-black-box components. Every element—from buttons to accordions—can be opened, inspected, and styled with total precision. You’re not locked into rigid presets or opinionated abstractions; instead, you get deep access to each nested part of a component.
Real-time Collaboration
Multiple team members can work on the same Clutch project simultaneously, enabling true real-time collaboration. See changes instantly as they happen, without refresh or sync delays.
Base Elements
Customize every detail of Clutch's minimally-styled, fully-accessible, and ultra-granular base elements.
The Most Performant WordPress Builder
Clutch creates blazing-fast sites using modern headless architecture without requiring plugins, CDNs, or complex configuration. By separating the frontend from WordPress, we achieve dramatically better performance. No other visual builder or theme comes close.
The Proof is in the PageSpeed
Don't take our word for it. Compare Google PageSpeed scores yourself.
Peak performance without plugins
Get lightning-fast page loads without extra caching plugins or CDNs like Cloudflare. Powered by Next.js and running on Vercel's edge network, Clutch automatically optimizes your site and keeps your content fresh. No configuration necessary.
Hosted on the edge for fast global delivery
Unlike traditional cloud hosting which serves your site from a single location, Clutch uses Vercel's global edge network to serve content from over 100 locations worldwide, giving your visitors dramatically faster load times.
Automatic Asset Optimization
All of these optimizations happen automatically at build and request time through Next.js, eliminating the need for WordPress optimization plugins while delivering better performance.
Images
Images are automatically optimized, resized, and served in modern formats like WebP. Next.js handles responsive images and lazy loading out of the box, ensuring fast page loads without sacrificing visual quality.
Server-Side Rendering
Next.js's powerful SSR capabilities mean pages are pre-rendered on the server, delivering fully formed HTML to users instantly. This improves both performance and SEO while reducing client-side JavaScript overhead.
Prefetching
Clutch leverages Next.js Link prefetching to preload linked pages as they appear in the viewport. This means visitors experience instant navigation and a smooth, app-like feel without any configuration needed.
Incremental Static Regeneration
Pages are statically generated and automatically updated when content changes, combining the speed of static sites with the dynamism of server-rendered content. This means blazing-fast page loads while keeping content fresh.
Fonts
Fonts are automatically optimized and loaded efficiently:
Subsets only required characters
Preloads critical fonts
Prevents layout shift during loading
Enables variable fonts support
Scripts
JavaScript and CSS are automatically optimized:
- Code splitting and bundling
- Tree shaking to remove unused code
- Minification and compression
- Dynamic imports for better load times
Shared layouts, snappier pages
Clutch preserves your site's permanent elements—like headers and footers—while only updating necessary content between pages. This means faster loading times for visitors since only new content needs downloading. Navigation feels smooth and app-like without full page refreshes, and your site consumes less bandwidth, improving efficiency for both you and your visitors.
Optimized Loading Strategy
Smart page rendering combines static generation, server-side rendering, and client-side hydration to deliver the fastest possible experience for every type of content
Perfect Core Web Vitals
Next.js's advanced optimizations ensure your site achieves perfect scores for Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) - the key metrics Google uses to evaluate site performance.
Harness the Power of Headless
Clutch gives professional creators complete design and functional freedom while delivering superior performance with fewer plugins.
Dynamic Data from Anywhere
Display data from any source—WordPress, third-party services, or custom APIs—and seamlessly integrate it into your site's design.
Powerful Forms Without Plugins
Clutch includes powerful form components that give you full control over design and validation. Submit directly to your preferred destinations—email services, spreadsheets, or custom APIs. No WordPress plugins required.
The Zapier package provides an action in a Form to send the form data to a Zapier webhook, automate multiple sub-processes, and connect multiple outputs.
Google Sheets integration is coming soon to Clutch. When available, it will allow direct form submissions to spreadsheets without plugins, ensuring real-time data connectivity.
POST
POST functionality allows users to send form data to any backend. This feature gives you flexibility to submit form data directly to your preferred destinations and custom APIs without requiring WordPress plugins.
Compatible with Essential Plugins
Clutch maintains seamless compatibility with essential WordPress plugins that are core to your workflow.
Custom fields appear automatically in Clutch, letting you connect dynamic content anywhere in your design.
YOAST just works, without any configuration, providing meta descriptions, keywords, title tags, and more.
WPML integrates seamlessly with Clutch to manage content translation and URL localization automatically while maintaining design consistency across languages.
Fewer Maintenance Headaches
With Clutch, features like forms, maps, and analytics connect directly to the services they require—reducing the number of WordPress plugins you need to manage, update, and troubleshoot.
Update WordPress Confidently
Experience worry-free WordPress updates without needing to test dozens of plugin compatibility issues or worry about breaking your site.
Improved Security
Fewer plugins means fewer security vulnerabilities. Clutch enhances security further by separating the admin interface from the public site, creating a smaller attack surface that's harder to discover.
Extend with Code
Create custom React components, data queries, form actions, and helper functions. In Clutch, you’re never limited by what’s built in.
Queries
Write custom queries using TypeScript to fetch and transform data from any source. Whether you need to integrate with external APIs, connect to databases, or implement complex data processing logic, Clutch gives you complete control over data fetching while maintaining type safety.
Code
Build anything imaginable using TypeScript and React. With full access to the npm ecosystem and complete coding freedom, there are no limits to what you can create. Every feature that can be built in code can be turned into a Clutch component with visual controls, letting you seamlessly blend custom functionality with Clutch's visual builder interface. Whether you need complex animations, data visualizations, third-party integrations, or completely custom features - if you can code it, you can build it in Clutch.
Actions
Add powerful custom functionality to your forms with TypeScript. Connect to any service, add advanced validation rules, or implement complex business logic - all while keeping your sensitive data secure.
Import NPM Libraries
Leverage the entire NPM ecosystem to extend your site's functionality. Add interactive animations with Lottie or Rive, enhance your UI with popular icon sets like Material Icons or Phosphor, integrate data visualization libraries like Chart.js or D3, or incorporate any of the thousands of other NPM packages available.
Automatic Designer Interface
Clutch reads your code and automatically generates an intuitive visual interface. This means developers can work in code while designers get a familiar visual builder experience - no compromise needed between powerful functionality and ease of use.
Code with Your Favorite Editor and AI
Use VS Code, Cursor, or any other code editor to extend Clutch. Take advantage of AI-powered code assistants like GitHub Copilot to accelerate development.
What People Are Saying
No cherry-picking here — just raw, unfiltered reactions from folks who’ve used Clutch.
"I always dream of this web builder that connects with WordPress and can use custom code of modern technologies like Next.js… I can see the dream is true."
"For a guy who left WordPress to go to Next and Webflow, this makes me want to go back to WordPress. This looks amazing."
“Clutch has the best structure panel implementation of all page builders so far”
“I would argue that Etch is easily superior”
"Etch's inline editing of tags is super neat. Clutch does have dedicated icons for different elements (form, li, etc.) That's a nice little touch and makes it easy to scan for a specific element."
"The next generation of WordPress Builder are going to be so good! This is one of them!"
"The Etch Killer is right here."
"This is more like Webflow in desktop version."
"Clutch is what Oxygen Builder should have been."
"My mind is completely blown away by this tool. I love it already! Well done guys!"
"This looks great! I'm in the marketing and sales funnel building business. It seems to cover a lot of things I can't do in Webflow."
"Linux version?"
"Oh man I love ch, lh, etc, takes so much abstraction pain away haha"
"I'm a pro Webflow developer, and I hate how much extra code they add to their CSS or JS when you won't use them most of the time. I love this, Sold! RIP WebFlow."
Get Started
Download Clutch
Experience the next generation of WordPress development with the perfect blend of visual design tools and modern web technologies.
View DownloadsGetting Started Guide
Learn the basics of Clutch. This simple guide walks you through installing Clutch, connecting WordPress, and create your first site.
View GuideJoin the Community
Connect with other Clutch creators, get help with your projects, share knowledge, and showcase your work.
Join DiscordDocs
Learn how to build custom, powerful, performant sites in Clutch. Our documentation covers everything from the basics to advanced topics like extending Clutch with code, empowering you to create any site, without limits.
View Docs