ZyntaxUI

A Brutalist, Black & White Bootstrap 5 Override by Zyntax Studio.

Get Started Components

Quick Start & Documentation

Installation

1. Include Bootstrap 5 and zyntaxUI in your <head> tag.

<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- zyntaxUI Custom CSS -->
<link href="https://zyntaxui.pages.dev/zyntaxUI.css" rel="stylesheet">

2. Add the JS Bundle before the closing </body> tag (Optional, for interactive components).

<!-- Bootstrap 5 JS Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

Components

Cards

Project Status
StaffTrack System

Enterprise employee management system successfully deployed.

View Details

Forms & Inputs

Tables & Badges

# Task Name Status Action
1 Setup zyntaxUI Repository Completed
2 Design Tuition Management System In Progress
3 Write Original Lyrics Pending

Buttons