LATEST: v2.2.6

SCULPTED
PERFECTION
FOR REACT

A comprehensive, accessible, and highly customizable React/TypeScript component library built with modern web standards. Features Radix UI primitives, Tailwind CSS integration, and enterprise-grade design systems.

ACCESSIBLE • TYPE-SAFE • RADIX UI • TAILWIND CSS • DARK MODE READY • WAI-ARIA COMPLIANT • TREE-SHAKEABLE • ACCESSIBLE • TYPE-SAFE • RADIX UI • TAILWIND CSS • DARK MODE READY • WAI-ARIA COMPLIANT • TREE-SHAKEABLE • ACCESSIBLE • TYPE-SAFE • RADIX UI • TAILWIND CSS • DARK MODE READY • WAI-ARIA COMPLIANT • TREE-SHAKEABLE •
TypeScript Code

TypeScript Native

Strict type checking, prop autocompletion, and zero `any` types. Built for the modern developer experience using React and TypeScript.

Accessibility Network

Radix UI & A11y

Built on top of Radix UI primitives for robust accessibility. WAI-ARIA compliant, focus management, and keyboard navigation out of the box.

99
Lighthouse Score
52
Components
2mb
Unpacked Size
100
% Type Safe

Zero Runtime
Overhead

Unlike other libraries, Glacien compiles away to pure HTML/CSS. Our "Frozen Engine" ensures your users never pay the cost of hydration for static content.

Glacien UI 28ms TTI
Material UI 140ms TTI
Ant Design 190ms TTI
Performance Visualization
Performance: Optimal
Blueprint Background

Modern
Standards

Leveraging the best tools in the ecosystem. Glacien integrates seamlessly with your existing React stack.

bolt

Tailwind CSS

Fully styled with Tailwind CSS. Override styles easily using utility classes or config themes.

diamond

Enterprise Grade

Designed for scale. Consistent design tokens, comprehensive documentation, and reliable primitives.

accessibility_new

WAI-ARIA Gold

Tested with screen readers and keyboard navigation to ensure your app is usable by everyone.

Component Library

The
Primitives

Robust components. Unstyled by default, beautiful with Tailwind.

Enter your email...

Inputs

Button, Input, Select, Switch

toggle_on
NameRoleStatus
Online
S. Altman
Product Away

Data Display

Table, Card, Badge, Avatar

table_view
Data Viz Background
REVENUE +24%

Visualization

Charts, Graphs, Sparklines

monitoring
Dashboard Interface

Layouts

Kanban, Dashboard, Sidebar

view_kanban
Overlays Interface

Overlays

Dialog, Sheet, Tooltip, Toast

layers
Home About Contact
G
Breadcrumbs
Pagination
Steps

Navigation

Navbar, Menubar, Breadcrumbs

explore

Interactive Playground

Micro-interactions and stateful components ready to drop into your application.

Album Art
graphic_eq
Midnight City
M83
skip_previous skip_next
cloud_upload

Drop files here

SVG, PNG, JPG (max 2MB)

October 2025
chevron_left
chevron_right
SMTWTFS 2930 12345 6789101112 13141516171819
Security Background
contactless DEBIT
**** **** **** 4288
J. Snow 12/28

Code less.
Ship faster.

Focus on your product, not the plumbing. Glacien gives you accessible, styled, and animated components right out of the box.

  • ✓ Fully typed props
  • ✓ Automatic dark mode
  • ✓ Custom animation primitives
App.tsx
import { Button, Card } from '@glacien/ui';

export default function App() {
  return (
    <Card variant="glass">
      <h1>Hello Worldh1>
      <Button onClick={handleClick}>
        Click Me
      Button>
    Card>
  );
}

Start with a
single command.

No complex setup. Use our CLI to initialize your project and add components as you need them.

terminal CLI Support deployed_code Automatic Config
bash
➜ ~ npx glacien-ui@latest init
Initializing project...
Installing dependencies...
✔ Success! Project configured.
➜ ~ npx glacien-ui add button card dialog
✔ button created
✔ card created
✔ dialog created
➜ ~

Seamless Integration

code
Next.js
bolt
Vite
layers
Remix
rocket_launch
Astro
palette
Tailwind
Fluid Background

Themeable by
Design

Glacien uses CSS variables for all styling tokens. Change a few values in your Tailwind config and the entire library adapts instantly.

Ice
Neon
Forest
Rose

Frequently Asked Questions

Is Glacien UI free to use? expand_more
Yes! Glacien UI is 100% open-source under the MIT license. You can use it in personal and commercial projects without any restrictions.
Does it work with Next.js App Router? expand_more
Absolutely. All components are marked with "use client" where necessary and fully support React Server Components (RSC) architecture.
Can I customize the theme? expand_more
Yes. Glacien is built on Tailwind CSS. You can customize colors, spacing, and typography directly in your tailwind.config.js file, and the components will adapt automatically.