Webui Components
A comprehensive, accessible, and highly customizable UI component library built for modern web applications. Drop-in ready with zero dependencies.
Buttons #
Buttons trigger actions or navigate between pages. Use primary for main actions, secondary for alternatives.
<button class="btn btn-primary">Primary</button> <button class="btn btn-secondary">Secondary</button> <button class="btn btn-primary" disabled>Disabled</button> <button class="btn btn-primary btn-sm">Small</button>
Forms & Inputs #
Collect user data with accessible, validated form controls. Includes inputs, selects, textareas, and toggles.
We'll never share your email with anyone else.
<label class="form-label">Email</label> <input type="email" class="form-input" placeholder="you@example.com" /> <select class="form-select"> <option>Starter</option> </select>
Cards #
Container elements for grouping related content. Hover effects and flexible layouts built-in.
Analytics Dashboard
Track user engagement, conversion rates, and revenue metrics in real-time.
Deployment
Ship to production with zero-downtime deploys and automatic rollbacks.
<div class="card"> <div class="card-icon">đ</div> <h3>Analytics</h3> <p>Track metrics...</p> <div class="card-footer"> <button class="btn btn-primary btn-sm">View</button> </div> </div>
Badges #
Status indicators and labels for tags, categories, or notifications.
Alerts #
Contextual feedback messages for success, warning, info, or error states.
Tables #
Structured data display with hover states and responsive overflow handling.
Modals #
Dialog boxes for confirmations, form inputs, or focused interactions.