sam70361/glass-ui-react

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.