Glory Design System - Design Beautifully, Build Efficiently.

Developer Friendly Foundation. Designer Approved 🎉

Design

Craft beautiful, consistent interfaces

Develop

Build fast and accessible web experiences

Community

Seamlessly transition with community help

Features

Collaborate, publish, and maintain technical knowledge with an all-in-one documentation site. Used by 100,000+ startups, enterprises, and researchers.

The Glory Kit

Prebuilt, accessible UI components (e.g., buttons, modals, forms, charts). Built with framework-agnostic principles or easily portable to Angular, React, Vue, etc. Fully WCAG 2.1 compliant out of the box.

Design Tokens System

Centralized tokens for color, typography, spacing, and motion. Supports theme switching (light/dark, brand themes) and global updates. Token source files in JSON or YAML, exportable to both design (Figma) and code.

Easy

Simple to Use – Clean APIs and intuitive naming make components a breeze to work with. Quick to Customize – Change colors, fonts, or layouts with just a few lines. Fast to Learn – Designed for beginners and pros alike—no steep learning curve.

Developer Friendly

Easy to Install – Get started quickly with simple setup using npm or yarn. Clear Docs – Well-written, copy-paste-ready examples for every component. Framework Ready – Works with Angular, React, Vue, or plain HTML—your choice.

Responsive by Design

All components adapt beautifully across screen sizes—mobile, tablet, and desktop—without extra effort.

Modular Architecture

Components and styles built in independent, versioned packages (e.g., @glory/button, @glory/theme). Easily tree-shakable for optimal performance.