This is a theme generator for the NextUI component library.

Brand colors
Base colors
Other colors
Font size (rem)
Line height (rem)
Radius (rem)
Border width (px)
Other
Content colors

Content 1

bg-content1 text-content-foreground1

Content 2

bg-content2 text-content-foreground2

Content 3

bg-content3 text-content-foreground3

Content 4

bg-content4 text-content-foreground4

Avatar
avataravataravataravataravataravatar
Badge
avatar3
avatar3
avatar3
avatar3
avatar3
avatar3
Breadcrumbs
Button
Divider

NextUI Components

Beautiful, fast and modern React UI library.

Blog
Docs
Source
Checkbox
Chip
Default
Primary
Secondary
Success
Warning
Danger
Code
npm install @heroui/reactnpm install @heroui/reactnpm install @heroui/reactnpm install @heroui/reactnpm install @heroui/reactnpm install @heroui/react
CircularProgress
Dropdown
Input
Link
Pagination
Select
Switch
Slider
Table
NAMEROLESTATUS
Tony ReichertCEOActive
Zoey LangTechnical LeadPaused
Jane FisherSenior DeveloperActive
William HowardCommunity ManagerVacation
Tabs
Font size / Line height (rem)

Tiny

Small

Medium

Large