UI Libraries
Overview
Warp offers three UI library options to match your development style and design requirements. Each option provides a complete set of components built on modern React patterns.
Available Libraries
coss.com UI
44 modern, accessible components built on Base UI with full TypeScript support.
Frosted UI
Whop's official glassmorphic design system with beautiful blur effects.
Headless
Build your own UI with Tailwind CSS v4 and complete styling control.
Comparison
| coss.com UI | Frosted UI | Headless | |
|---|---|---|---|
| Components | 44 pre-built | Whop's official | DIY with Tailwind |
| Styling | Base UI + Custom | Glassmorphism | Full control |
| TypeScript | Full support | Full support | Full support |
| Accessibility | ARIA compliant | ARIA compliant | Your responsibility |
| Customization | Moderate | Low | Complete |
| Best For | Quick start | Whop-like apps | Custom designs |
Switching Libraries
To switch UI libraries after installation:
- Install the new library's dependencies
- Update components in
/components/ui - Update imports throughout your app
Note: This requires manual migration of component usage.