• Docs
  • Showcase
First Steps
  • Introduction
  • Installation
  • Usage
  • Changelog
Components
  • Accordion
  • AlertDialog
    New
  • AspectRatio
  • Avatar
  • AvatarGroup
  • Badge
  • BlockQuote
  • Button
  • Callout
  • Card
  • Checkbox
    Preview
  • CheckboxCards
    Preview
  • CheckboxGroup
    Preview
  • Code
  • Collapsible
    Preview
  • Combobox
    Preview
  • ContextMenu
    Preview
  • DataList
    Preview
  • Dialog
    New
  • Disclosure
    Preview
  • DropdownMenu
    Preview
  • Em
  • Heading
  • HoverCard
    Preview
  • Kbd
  • Link
    Preview
  • Menubar
    Preview
  • Minimap
    Preview
  • NavigationMenu
    Preview
  • NumberField
    Preview
  • Progress
  • Quote
    Preview
  • Radio
    Preview
  • RadioCards
    Preview
  • RadioGroup
    Preview
  • ScrollArea
    Preview
  • Select
    Preview
  • Separator
  • Skeleton
    Preview
  • Slider
    Preview
  • Spinner
    Preview
  • Splitter
    Preview
  • Steps
    Preview
  • Strong
  • Switch
  • TabNav
    Preview
  • Table
    New
  • Tabs
    New
  • Text
  • TextArea
    Preview
  • Theme
    Preview
  • Toggle
  • ToggleGroup
  • Tooltip
  • Tree
    Preview
  • VisuallyHidden
Guides
  • Accessibility
  • Date, Time & Timezones
  • Internationalization
  • IME / Input Method QA
  • Mobile & Touch QA
  • SSR & No-JS Fallback
Contributing
  • Before You Start
  • Setting Up Dev Environment
  • Contributing to Rad UI
  • Component Maturity Rubric
  • Component Coverage
  • Security & Dependency SLA
  • Contributor Checklist
  • Release Candidate Checklist
  • Upgrade & Codemods
  • Changeset Quality
First Steps
  • Introduction
  • Installation
  • Usage
  • Changelog
Components
  • Accordion
  • AlertDialog
    New
  • AspectRatio
  • Avatar
  • AvatarGroup
  • Badge
  • BlockQuote
  • Button
  • Callout
  • Card
  • Checkbox
    Preview
  • CheckboxCards
    Preview
  • CheckboxGroup
    Preview
  • Code
  • Collapsible
    Preview
  • Combobox
    Preview
  • ContextMenu
    Preview
  • DataList
    Preview
  • Dialog
    New
  • Disclosure
    Preview
  • DropdownMenu
    Preview
  • Em
  • Heading
  • HoverCard
    Preview
  • Kbd
  • Link
    Preview
  • Menubar
    Preview
  • Minimap
    Preview
  • NavigationMenu
    Preview
  • NumberField
    Preview
  • Progress
  • Quote
    Preview
  • Radio
    Preview
  • RadioCards
    Preview
  • RadioGroup
    Preview
  • ScrollArea
    Preview
  • Select
    Preview
  • Separator
  • Skeleton
    Preview
  • Slider
    Preview
  • Spinner
    Preview
  • Splitter
    Preview
  • Steps
    Preview
  • Strong
  • Switch
  • TabNav
    Preview
  • Table
    New
  • Tabs
    New
  • Text
  • TextArea
    Preview
  • Theme
    Preview
  • Toggle
  • ToggleGroup
  • Tooltip
  • Tree
    Preview
  • VisuallyHidden
Guides
  • Accessibility
  • Date, Time & Timezones
  • Internationalization
  • IME / Input Method QA
  • Mobile & Touch QA
  • SSR & No-JS Fallback
Contributing
  • Before You Start
  • Setting Up Dev Environment
  • Contributing to Rad UI
  • Component Maturity Rubric
  • Component Coverage
  • Security & Dependency SLA
  • Contributor Checklist
  • Release Candidate Checklist
  • Upgrade & Codemods
  • Changeset Quality

Installation

Getting started with Rad UI is simple and quick! Whether you're integrating it into an existing project or starting fresh, you'll be up and running in no time. Follow the instructions below to install Rad UI using your preferred package manager.

Install via npm

If you use npm, run the following command to install Rad UI:

bash
npm install @radui/ui --save
Edit this page on GitHub