Argonzen UI Framework
A practical component language for focused, durable enterprise interfaces.
Built on Bootstrap 5 with the .ar-* class namespace.
Typography
Buttons & Badges
Solid Variants
Outline Variants
Badges
Avatars
Forms & Inputs
Data Display
| User | Role | Department | Status | Action |
|---|---|---|---|---|
| CEO | Executive | Active | Edit | |
| Lead Designer | Product | Pending | Edit | |
| Developer | Engineering | Active | Edit | |
| Marketing Manager | Marketing | Active | Edit | |
| Architect | Engineering | Offline | Edit | |
| Copywriter | Marketing | Active | Edit | |
| HR Director | Human Resources | Active | Edit | |
| QA Tester | Engineering | Pending | Edit | |
| Support Lead | Customer Success | Offline | Edit | |
| Sales Executive | Sales | Active | Edit | |
| Social Media | Marketing | Active | Edit | |
| DevOps Engineer | Engineering | Pending | Edit |
Loading States
Simple pagination API
A lightweight table with no DataTables dependency. Pagination is owned by Argonzen.
| Release | Channel | Published | Status |
|---|---|---|---|
| Argonzen 1.4 | Stable | Aug 21, 2026 | Live |
| Argonzen 1.3 | Stable | Jul 30, 2026 | Live |
| Argonzen 1.2 | Beta | Jun 12, 2026 | Review |
| Argonzen 1.1 | Stable | May 04, 2026 | Archived |
| Argonzen 1.0 | Stable | Apr 18, 2026 | Archived |
Interactive Components
Argonzen is a clean, modern design system built to prioritize both developer experience and user interface aesthetics.
- Jakarta + Plex: Clear hierarchy across display and data sizes.
- Soft Shadows: Premium depth layering without harsh borders.
- Grounded Palette: Teal, coral, amber, and measured neutrals.
We use the .ar-* prefix for everything to avoid utility bloat in HTML. Instead of stacking 10 Bootstrap utility classes to create a simple card, you only need to call .ar-card. This ensures consistency and makes your codebase incredibly easy to read.
Absolutely. Argonzen is fully decoupled from logic. You can continue using standard data-bs-toggle attributes to trigger Modals, Tooltips, Toasts, and Accordions. The framework only abstracts the CSS visual layer.