Components
Browse 50+ production-ready, accessible, and customizable UI elements built for modern web applications.
<button class="wui-btn wui-btn-primary">
Primary Button
</button>
<label for="email">Email Address</label>
<input id="email" type="email" placeholder="name@example.com" class="wui-input"/>
<div class="wui-card wui-skeleton">
<div class="wui-line"></div>
<div class="wui-text"></div>
</div>
✓ Operation successful
<div class="wui-toast wui-toast-success">
<span class="wui-icon">✓</span>
Operation successful
</div>
Webui
Dashboard
Projects
Settings
<nav class="wui-nav">
<a href="#">Webui</a>
<a href="#">Dashboard</a>
<a href="#">Projects</a>
</nav>
<label class="wui-toggle">
<input type="checkbox" hidden/>
<span class="wui-track">
<span class="wui-thumb"></span>
</span>
Dark Mode
</label>