Overview
A Minimal Component Library for High-Performance Websites Clutch UI is a minimal, high-performance component library designed specifically for websites. It is SEO-friendly, accessible, and fully customizable.
Why Clutch UI
Minimal, Functional Styles
Each component ships with a baseline style—just enough to be usable and accessible. You can override everything through visual controls, selectors, or global styles.
SEO-Friendly
All content stays mounted in the DOM, even when hidden. Search engines can index everything without issue.
Accessible by Default
ARIA roles, keyboard navigation, and semantic markup are built-in. Components require aria-label where needed. No hidden helpers. No unnecessary nesting.
No Class Generation
Clutch UI doesn't ship any CSS classes. Styles are defined through attributes and style controls, not utility classes or prewritten themes.
Built for Control
Components expose internal parts, slots, and state. You get full styling control with predictable, customizable behavior.
What's Included
Button Carousel Checkbox Dialog Disclosure Dropdown Form Input Label Lightbox Lite YouTube Progress Radio Group Select Sheet Slider Switch Tabs Textarea Toggle Group Video
Built for Clutch
Clutch UI is tightly integrated with the Clutch visual builder. That means:
- Style every part using the visual panel or code
- Use data attributes like data-disabled, data-pressed, and data-state for styling
- Attach logic and actions without wrapping components or adding extra layers
- Start from a clean default and apply your brand system instantly
Component Standards
- ✅ Accessible (ARIA, keyboard, label requirements)
- ✅ Responsive
- ✅ Minimal default styling
- ✅ Styleable via visual tools and data attributes
- ✅ SEO-safe (always mounted)
- ✅ Template support for fast reuse