Dark. Beautiful. Powerful. A premium CSS framework designed exclusively for OnigiriJS.
<!DOCTYPE html>
<html data-theme="dark">
<head>
<link rel="stylesheet" href="onyx.css">
<script src="onigiri.js"><script>
<head>
<body>
<div class="container">
<div class="card card-glow">
<h2 class="gradient-text">Onyx CSS<h2>
<p>Beautiful by default<p>
<button class="btn btn-primary">
Get Started
<button>
<div>
<div>
<body>
<html>Everything you need to build stunning, modern web interfaces with exceptional performance.
Beautiful dark-first design inspired by the depth and elegance of Onyx gemstone. Light mode included.
Only 12KB gzipped. Zero runtime JavaScript. Pure CSS excellence with optional OnigiriJS enhancements.
Comprehensive library of production-ready components. Cards, forms, navigation, modals, and more.
Built specifically for OnigiriJS framework. Perfect harmony between CSS and JavaScript.
Mobile-first design that looks stunning on every device from phones to ultra-wide displays.
Highly customizable with CSS custom properties. Change colors, spacing, and styles effortlessly.
Start using Onyx CSS with OnigiriJS today. Free, open-source, and production-ready.