Skip to content

Empty states

Copyable React empty states. Preview, customize, and take the source.

Components

14 states
Live preview

Enable organizations

Let users create organizations, manage members and control access with roles.
Learn more about Organizations

Get the code

Add the files to your app with the shadcn CLI. They land in components/empty-state.

npx shadcn@latest add https://www.remcostoeten.nl/r/empty-state.json
1import { EmptyState } from "@/components/home/empty-state/empty-state";2import { IconStack, BuildingIcon } from "@/components/home/empty-state/illustrations";34<EmptyState5  title={"Enable organizations"}6  description={"Let users create organizations, manage members and control access with roles."}7  illustration={<IconStack icon={<BuildingIcon />} />}8  pointer="tilt"9  loop="float"10  link={{11    label: <>Learn more about <strong>Organizations</strong></>,12    href: "/docs/organizations",13  }}14/>