CoreUI is in beta - APIs and components may change.

Color Palette Typography

Actions

Button Button Group Compact Button Fancy Button Link Button

Displaying Data

Avatar Avatar Group Avatar Group Compact Badge Banner Data Table Divider Kbd Progress Bar Progress Circle Rating Status Badge Tag

Feedback

Alert Notification Toast Tooltip

Form

Checkbox Color Picker Datepicker Digit Input File Upload Hint Input Label Radio Select Slider Switch Textarea

Layout

Accordion Breadcrumb Segmented Control Tab Menu Horizontal Tab Menu Vertical

Navigation

Dot Stepper Horizontal Stepper Pagination Vertical Stepper

Overlays

Command Menu Drawer Dropdown Modal Popover

cn Polymorphic recursiveCloneChildren tv

Getting Started

Installation

Guidelines for installing the necessary packages and setting up your project.

CoreUI is distributed as source code rather than as a package, so there is nothing to npm install from us. Setup is a one-time job per project: add the design tokens, the utilities every component imports, and the icon and font libraries. After that, adding a component is a copy and paste.

Frameworks

Next.js

Introduction

Get started with CoreUI v0.1

Next.js

Step-by-step configuration for Next.js.

On this page