@getitdone

React primitives for complex business software from the Get IT Done design system. Radix UI based, Tailwind CSS 3, light and dark theme included.

152 components pro available react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://zero-design.itdone.de/r/registry.json

pnpm pnpm dlx shadcn@latest add https://zero-design.itdone.de/r/registry.json

bun bunx shadcn@latest add https://zero-design.itdone.de/r/registry.json

fetch registry curl -s https://zero-design.itdone.de/r/registry.json

Components

152 total

zero theme style

CSS variables (light and dark), animations and the Tailwind CSS 3 preset of the Get IT Done design system. Import styles/getitdone/theme.css, animation.css and…

npx shadcn@latest add https://zero-design.itdone.de/r/theme.json

Accordion ui

Accordion from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/accordion.json

Action Bar ui

Action Bar from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/action-bar.json

Activity Feed ui

Activity Feed from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/activity-feed.json

Alert ui

Alert from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/alert.json

Autosave Status ui

Autosave Status from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/autosave-status.json

Avatar ui

Avatar from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/avatar.json

Badge ui

Badge from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/badge.json

Blockquote ui

Blockquote from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/blockquote.json

Bottom Navigation ui

Bottom Navigation from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/bottom-navigation.json

Breadcrumb ui

Breadcrumb from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/breadcrumb.json

Button Close ui

Button Close from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/button-close.json

Button Group ui

Button Group from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/button-group.json

Button ui

Button from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/button.json

Calendar Grid ui

Calendar Grid from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/calendar-grid.json

Calendar ui

Calendar from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/calendar.json

Card Default ui

Card Default from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/card-default.json

Card ui

Card from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/card.json

Carousel ui

Carousel from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/carousel.json

Cell Grid ui

Cell Grid from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/cell-grid.json

Chart ui

Chart from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/chart.json

Chat Window ui

Chat Window from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/chat-window.json

Checkbox Group ui

Checkbox Group from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/checkbox-group.json

Checkbox ui

Checkbox from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/checkbox.json

Chip ui

Chip from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/chip.json

Code Highlight ui

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/code-highlight.json

Code Snippet ui

Code Snippet from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/code-snippet.json

Collapsible ui

Collapsible from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/collapsible.json

Color Picker ui

Color Picker from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/color-picker.json

Command ui

Command from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/command.json

Confirm Dialog ui

Confirm Dialog from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/confirm-dialog.json

Content Divider ui

Content Divider from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/content-divider.json

Cookie Consent ui

Cookie Consent from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/cookie-consent.json

Countdown ui

Countdown from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/countdown.json

Data Grid ui

Data Grid from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/data-grid.json

Data State Panel ui

Data State Panel from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/data-state-panel.json

Date Picker ui

Date Picker from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/date-picker.json

Description List ui

Description List from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/description-list.json

Design System Provider ui

Design System Provider from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/design-system-provider.json

Dialog ui

Dialog from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/dialog.json

Document Surface ui

Document Surface from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/document-surface.json

Drawer ui

Drawer from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/drawer.json

Dropdown Menu ui

Dropdown Menu from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/dropdown-menu.json

Edge ui

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/edge.json

Empty State ui

Empty State from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/empty-state.json

Facet Filter ui

Facet Filter from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/facet-filter.json

Featured Icon ui

Featured Icon from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/featured-icon.json

Feed Item ui

Feed Item from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/feed-item.json

File Icon ui

File Icon from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/file-icon.json

File Upload ui

File Upload from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/file-upload.json

Filter Chip Bar ui

Filter Chip Bar from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/filter-chip-bar.json

Form Section ui

Form Section from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/form-section.json

Form ui

Form from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/form.json

Grid ui

Grid from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/grid.json

Heading Tag ui

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/heading-tag.json

Heatmap ui

Heatmap from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/heatmap.json

Help Icon ui

Help Icon from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/help-icon.json

Hero Section ui

Hero Section from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/hero-section.json

Hover Card ui

Hover Card from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/hover-card.json

Illustration ui

Illustration from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/illustration.json

Inline Cta ui

Inline Cta from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/inline-cta.json

Inline Edit ui

Inline Edit from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/inline-edit.json

Input Digit ui

Input Digit from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/input-digit.json

Input ui

Input from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/input.json

Kanban Move To Menu ui

Kanban Move To Menu from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/kanban-move-to-menu.json

Kanban Move ui

Kanban Move from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/kanban-move.json

Kanban ui

Kanban from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/kanban.json

Kbd ui

Kbd from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/kbd.json

Label ui

Label from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/label.json

Labels Context ui

Labels Context from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/labels-context.json

Labels De ui

Labels De from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/labels-de.json

Labels En ui

Labels En from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/labels-en.json

Labels ui

Labels from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/labels.json

Layout ui

Layout from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/layout.json

Link Card ui

Link Card from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/link-card.json

Link ui

Link from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/link.json

List ui

List from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/list.json

List Item ui

List Item from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/list-item.json

Loading Overlay ui

Loading Overlay from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/loading-overlay.json

Loading Spinner ui

Loading Spinner from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/loading-spinner.json

Logo Tile ui

Logo Tile from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/logo-tile.json

Message ui

Message from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/message.json

Metric Panel ui

Metric Panel from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/metric-panel.json

Metric ui

Metric from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/metric.json

Multiselect ui

Multiselect from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/multiselect.json

Navigation Menu ui

Navigation Menu from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/navigation-menu.json

Notification Matrix ui

Notification Matrix from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/notification-matrix.json

Notification ui

Notification from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/notification.json

Object Icon ui

Object Icon from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/object-icon.json

Page Header ui

Page Header from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/page-header.json

Pagination Dot Group ui

Pagination Dot Group from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/pagination-dot-group.json

Pagination ui

Pagination from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/pagination.json

Phone Input ui

Phone Input from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/phone-input.json

Popover ui

Popover from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/popover.json

Progress Circle ui

Progress Circle from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/progress-circle.json

Progress ui

Progress from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/progress.json

Radio Cards ui

Radio Cards from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/radio-cards.json

Radio Group ui

Radio Group from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/radio-group.json

Rating Input ui

Rating Input from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/rating-input.json

Rich Text Editor ui

Rich Text Editor from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/rich-text-editor.json

Rich Text Markdown ui

Rich Text Markdown from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/rich-text-markdown.json

Rich Text Toolbar ui

Rich Text Toolbar from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/rich-text-toolbar.json

Scroll Area ui

Scroll Area from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/scroll-area.json

Secondary Nav ui

Secondary Nav from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/secondary-nav.json

Secret Field ui

Secret Field from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/secret-field.json

Section ui

Section from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/section.json

Section Footer ui

Section Footer from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/section-footer.json

Section Header ui

Section Header from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/section-header.json

Section Label ui

Section Label from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/section-label.json

Select ui

Select from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/select.json

Separator ui

Separator from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/separator.json

Sheet ui

Sheet from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/sheet.json

Sidebar Nav ui

Sidebar Nav from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/sidebar-nav.json

Sidebar ui

Sidebar from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/sidebar.json

Signature Box ui

Signature Box from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/signature-box.json

Signature Pad ui

Signature Pad from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/signature-pad.json

Singleselect ui

Singleselect from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/singleselect.json

Skeleton ui

Skeleton from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/skeleton.json

Skill Category ui

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/skill-category.json

Slider ui

Slider from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/slider.json

Spacing ui

Spacing from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/spacing.json

Status Dot ui

Status Dot from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/status-dot.json

Step Marker ui

Step Marker from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/step-marker.json

Stepper ui

Stepper from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/stepper.json

Switch ui

Switch from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/switch.json

Table Cells ui

Table Cells from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/table-cells.json

Table Of Contents ui

Table Of Contents from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/table-of-contents.json

Table ui

Table from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/table.json

Tabs ui

Tabs from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/tabs.json

Tag Input ui

Tag Input from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/tag-input.json

Textarea ui

Textarea from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/textarea.json

Toast ui

Toast from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/toast.json

Toaster ui

Toaster from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/toaster.json

Toggle Group ui

Toggle Group from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/toggle-group.json

Toggle ui

Toggle from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/toggle.json

Tooltip ui

Tooltip from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/tooltip.json

Topbar ui

Topbar from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/topbar.json

Use Scroll Region ui

Use Scroll Region from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/use-scroll-region.json

Use Toast ui

Use Toast from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/use-toast.json

Verified Tick ui

Verified Tick from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/verified-tick.json

Versions ui

Versions from the Get IT Done design system.

npx shadcn@latest add https://zero-design.itdone.de/r/versions.json

Dangling Controls lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/dangling-controls.json

Is Mobile lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/is-mobile.json

Modal Inert lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/modal-inert.json

Nested Layer lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/nested-layer.json

Recipes lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/recipes.json

Return Focus lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/return-focus.json

Sticky Inset lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/sticky-inset.json

Toast Inset lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/toast-inset.json

Use Collapse Empty lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/use-collapse-empty.json

Use Escape Key lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/use-escape-key.json

Utils lib

Helper used by the Get IT Done components.

npx shadcn@latest add https://zero-design.itdone.de/r/utils.json