Orzatty Material

> A premium CSS design system fusing Material Design 3 and Apple iOS aesthetics.


✨ Features

- 🌌 OLED First — True black backgrounds for deep contrast
- 🔵 iOS System Colors — Vibrant accents, not pastel
- ✨ Vibrancy & Blur — macOS/iOS-style materials
- 🔘 Spring Physics — Natural, bouncy animations
- 📱 Responsive — Mobile, Tablet, Desktop navigation patterns

📦 Installation

``bash
npm install orzatty-material
`

🔗 CDN Usage

`html





`

🚀 Quick Start

`html








Get Started
Learn More


`

🧩 Components

| Component | Classes |
|-----------|---------|
| Buttons | .oz-btn, .oz-btn-filled, .oz-btn-tinted, .oz-btn-plain, .oz-btn-outline |
| Cards | .oz-card-elevated, .oz-card-filled, .oz-card-glass, .oz-card-group |
| Inputs | .oz-input, .oz-textarea, .oz-select, .oz-search |
| Switch | .oz-switch |
| Chips | .oz-chip |
| Navigation | .oz-sidebar, .oz-nav-rail, .oz-tabbar |

🎨 Design Tokens

All design tokens are CSS custom properties:

`css
:root {
--sys-color-accent: #0A84FF;
--sys-color-background: #000000;
--sys-color-surface: #1C1C1E;
--sys-radius-md: 14px;
--sys-duration-normal: 350ms;
}
``

📄 License

MIT © Orzatty Holdings

🔗 Links

- Live Demo
- GitHub