Docs Home
Documentation Overview
Glin UI is a modern-web design hub: React components, animations, OKLCH colors, design tokens, and AI prompts you can copy into your editor.
Start here
Pick the area you need. Every page is copy-paste first.
Getting started
Install the package, import tokens, add the Tailwind preset, ship a component.
Components
Primitives and signature surfaces with props tables and copy-paste source.
Animations
Animated backgrounds, text effects, and borders. Hover to play, copy an AI prompt.
Colors
OKLCH accent, surface scale, and signal colors with contrast checks and export.
Tokens
Surfaces, elevation, type, radius, layout, and motion as CSS variables.
Accessibility
Forms, focus, screen reader, and contrast guidance used in release checks.
Popular components
Rendered with the real package. Open one for variants, props, and source.
Built for AI workflows
Component and animation pages include a Copy prompt button and a Copy as Markdown action, so an editor agent gets the install command, props, and a usage example in one paste.