sam70361/glass-ui-react — explained in plain English
Analysis updated 2026-05-18
Bootstrap an admin dashboard or internal tool using ready-made dark glass styled screens.
Swap between 5 color themes and dark/light modes without redesigning pages.
Reuse pre-built scenario pages like CRM, kanban, or AI chat instead of building them from scratch.
Add new pages quickly through the registry driven routing and navigation system.
| sam70361/glass-ui-react | 0xbebis/hyperpay | alfredxw/nova | |
|---|---|---|---|
| Stars | 14 | 14 | 14 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | hard | moderate |
| Complexity | 3/5 | 5/5 | 3/5 |
| Audience | developer | developer | writer |
Figures from each repo's GitHub metadata at analysis time.
Requires pnpm and Node.js to install dependencies and run the dev server.
Glass UI React is a ready-made admin dashboard template built with React, meant to give you a starting point for building internal tools, dashboards, or admin panels without designing every screen from scratch. Its signature look is a dark, frosted glass style, with blurred surfaces, holographic gradients, and soft ambient lighting effects. It ships with 5 complete color themes, each available in both dark and light variants, so you can switch the overall feel of the app without rebuilding anything. The template comes with more than 40 reusable interface components built on Radix UI and shadcn patterns, plus over 30 ready-made page scenarios you would find in real products: a dashboard, a kanban board, an inbox, a CRM, an AI chat interface, IoT monitoring screens, and healthcare style layouts among others. Rather than wiring up new pages by hand, the project uses a registry driven structure, so adding a page mostly means registering it in one place and the routing, navigation, and command palette pick it up automatically. There is also a small plugin style skills system for adding extra capabilities, and the whole template supports both Chinese and English out of the box through a translation hook. Under the hood it is built with React 19 and React Router 7, bundled with Vite 6, styled using Tailwind CSS v4, and written in TypeScript. It uses Zustand for state and TanStack Query for data fetching, React Hook Form with Zod for forms, i18next for translations, Recharts for charts, Framer Motion for animation, and Mock Service Worker for simulating an API during development. It is also set up as an installable Progressive Web App. To run it locally you install dependencies with pnpm, then use pnpm dev to start a development server, pnpm build for a production build, and pnpm typecheck or pnpm lint for code checks. The project includes its own documentation covering the architecture, design tokens, component library, and scenario system. The project is released under the AGPL-3.0 license, which is a stricter copyleft license: if you modify it and offer it as a network service, you are generally required to share your source code changes too.
A dark, frosted-glass styled React admin dashboard template with 40+ components and 30+ ready-made page layouts.
Mainly TypeScript. The stack also includes React, TypeScript, Vite.
AGPL-3.0: you can use and modify it freely, but if you run a modified version as a network service, you must share your source code changes too.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.