ZyroxCSS Documentation

A modern, utility-first CSS framework.

Accordion

Header
Content
<div class="accordion">...</div>

Alerts

Success
<div class="alert alert--success">Success</div>

Avatar

<img src="img.jpg" class="avatar">

Badges

Primary
<span class="badge">Primary</span>

Buttons

<button class="btn btn--primary">Primary</button>

Cards

Content
<div class="card">...</div>

Code Block

console.log("Hello");
<div class="code-block">...</div>

File Uploader

Drag & Drop
<div class="file-uploader">Drag & Drop</div>

Forms

<input type="text" class="form-control">

Glassmorphism

Glass
<div class="glass">Content</div>

Modals

Modal Content
<div class="modal">...</div>

Pagination

<div class="pagination">...</div>

Progress Bars

<div class="progress">...</div>

Skeletons

<div class="skeleton"></div>

Spinner

<div class="spinner"></div>

Table

Name
John
<table class="table">...</table>

Tabs

<div class="tabs">...</div>

Tooltips

HoverTip
<div class="tooltip">...</div>