shadcn/ui Registry

registry.json /r/registry.json

Compatible components, themes, and behavior hooks conforming to the shadcn/ui registry specification. Add items directly to your shadcn/ui project via CLI.

CLI pattern:npx shadcn@latest add @pantoken/[item]
CLI:

Canvas LMS Theme

Theme
JSON

Instructure Canvas LMS theme variables bridging to shadcn/ui custom properties.

Deps:@pantoken/css@pantoken/shadcn
npx shadcn@latest add @pantoken/theme-canvas

Canvas High Contrast Theme

Theme
JSON

Canvas LMS High Contrast theme variables for WCAG AAA compliance.

Deps:@pantoken/css@pantoken/shadcn
npx shadcn@latest add @pantoken/theme-canvas-high-contrast

Instructure Rebrand Theme

Theme
JSON

Modern Instructure brand theme variables.

Deps:@pantoken/css@pantoken/shadcn
npx shadcn@latest add @pantoken/theme-rebrand

Pantoken Base System

Base
JSON

Pantoken core design token system, CSS custom properties, and semantic components.

Deps:@pantoken/css@pantoken/components@pantoken/shadcn
npx shadcn@latest add @pantoken/base

Button

CSS
JSON

Instructure Button component styled with semantic .instui-button classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/button

Alert

CSS
JSON

Instructure Alert component styled with semantic .instui-alert classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/alert

Badge

CSS
JSON

Instructure Badge component styled with semantic .instui-badge classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/badge

Pill

CSS
JSON

Instructure Pill component styled with semantic .instui-pill classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/pill

Tag

CSS
JSON

Instructure Tag component styled with semantic .instui-tag classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/tag

Avatar

CSS
JSON

Instructure Avatar component styled with semantic .instui-avatar classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/avatar

Tabs

CSS
JSON

Instructure Tabs component styled with semantic .instui-tabs classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/tabs

Metric

CSS
JSON

Instructure Metric component styled with semantic .instui-metric classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/metric

Byline

CSS
JSON

Instructure Byline component styled with semantic .instui-byline classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/byline

Img

CSS
JSON

Instructure Img component styled with semantic .instui-img classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/img

Table

CSS
JSON

Instructure Table component styled with semantic .instui-table classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/table

Link

CSS
JSON

Instructure Link component styled with semantic .instui-link classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/link

List

CSS
JSON

Instructure List component styled with semantic .instui-list classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/list

Icon

CSS
JSON

Instructure Icon component styled with semantic .instui-icon classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/icon

Checkbox

CSS
JSON

Instructure Checkbox component styled with semantic .instui-checkbox classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/checkbox

Radio

CSS
JSON

Instructure Radio component styled with semantic .instui-radio classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/radio

Spinner

CSS
JSON

Instructure Spinner component styled with semantic .instui-spinner classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/spinner

Progress

CSS
JSON

Instructure Progress component styled with semantic .instui-progress classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/progress

Menu

CSS
JSON

Instructure Menu component styled with semantic .instui-menu classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/menu

Modal

CSS
JSON

Instructure Modal component styled with semantic .instui-modal classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/modal

Breadcrumb

CSS
JSON

Instructure Breadcrumb component styled with semantic .instui-breadcrumb classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/breadcrumb

Billboard

CSS
JSON

Instructure Billboard component styled with semantic .instui-billboard classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/billboard

Rating

CSS
JSON

Instructure Rating component styled with semantic .instui-rating classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/rating

Toggle-group

CSS
JSON

Instructure Toggle-group component styled with semantic .instui-toggle-group classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/toggle-group

Context-view

CSS
JSON

Instructure Context-view component styled with semantic .instui-context-view classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/context-view

Drawer-layout

CSS
JSON

Instructure Drawer-layout component styled with semantic .instui-drawer-layout classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/drawer-layout

Progress-circle

CSS
JSON

Instructure Progress-circle component styled with semantic .instui-progress-circle classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/progress-circle

Pagination

CSS
JSON

Instructure Pagination component styled with semantic .instui-pagination classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/pagination

Toggle-details

CSS
JSON

Instructure Toggle-details component styled with semantic .instui-toggle-details classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/toggle-details

File-drop

CSS
JSON

Instructure File-drop component styled with semantic .instui-file-drop classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/file-drop

Side-nav-bar

CSS
JSON

Instructure Side-nav-bar component styled with semantic .instui-side-nav-bar classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/side-nav-bar

Tree-browser

CSS
JSON

Instructure Tree-browser component styled with semantic .instui-tree-browser classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/tree-browser

Calendar

CSS
JSON

Instructure Calendar component styled with semantic .instui-calendar classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/calendar

Popover

CSS
JSON

Instructure Popover component styled with semantic .instui-popover classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/popover

Tray

CSS
JSON

Instructure Tray component styled with semantic .instui-tray classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/tray

Tooltip

CSS
JSON

Instructure Tooltip component styled with semantic .instui-tooltip classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/tooltip

Range-input

CSS
JSON

Instructure Range-input component styled with semantic .instui-range-input classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/range-input

Mask

CSS
JSON

Instructure Mask component styled with semantic .instui-mask classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/mask

Screen-reader-content

CSS
JSON

Instructure Screen-reader-content component styled with semantic .instui-screen-reader-content classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/screen-reader-content

Heading

CSS
JSON

Instructure Heading component styled with semantic .instui-heading classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/heading

Text

CSS
JSON

Instructure Text component styled with semantic .instui-text classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/text

Close-button

CSS
JSON

Instructure Close-button component styled with semantic .instui-close-button classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/close-button

Form-field

CSS
JSON

Instructure Form-field component styled with semantic .instui-form-field classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/form-field

Form-field-group

CSS
JSON

Instructure Form-field-group component styled with semantic .instui-form-field-group classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/form-field-group

Radio-input-group

CSS
JSON

Instructure Radio-input-group component styled with semantic .instui-radio-input-group classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/radio-input-group

Form-field-messages

CSS
JSON

Instructure Form-field-messages component styled with semantic .instui-form-field-messages classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/form-field-messages

Text-input

CSS
JSON

Instructure Text-input component styled with semantic .instui-text-input classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/text-input

Text-area

CSS
JSON

Instructure Text-area component styled with semantic .instui-text-area classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/text-area

Simple-select

CSS
JSON

Instructure Simple-select component styled with semantic .instui-simple-select classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/simple-select

Input-group

CSS
JSON

Instructure Input-group component styled with semantic .instui-input-group classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/input-group

Number-input

CSS
JSON

Instructure Number-input component styled with semantic .instui-number-input classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/number-input

In-place-edit

CSS
JSON

Instructure In-place-edit component styled with semantic .instui-in-place-edit classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/in-place-edit

View

CSS
JSON

Instructure View component styled with semantic .instui-view classes.

Deps:@pantoken/components
npx shadcn@latest add @pantoken/view

Card

CSS
JSON

Pantoken card component styles and documented HTML structure.

Deps:@pantoken/plugin-custom-components
npx shadcn@latest add @pantoken/card

Banner

CSS
JSON

Pantoken banner component styles and documented HTML structure.

Deps:@pantoken/plugin-custom-components
npx shadcn@latest add @pantoken/banner

Agent Shell

CSS
JSON

Pantoken agent-shell component styles and documented HTML structure.

Deps:@pantoken/plugin-custom-components
npx shadcn@latest add @pantoken/agent-shell

Wrapper Layout

CSS
JSON

Pantoken wrapper layout styles and canonical HTML template.

Deps:@pantoken/plugin-layouts
npx shadcn@latest add @pantoken/wrapper

Callout Layout

CSS
JSON

Pantoken callout layout styles and canonical HTML template.

Deps:@pantoken/plugin-layouts
npx shadcn@latest add @pantoken/callout

Hero Layout

CSS
JSON

Pantoken hero layout styles and canonical HTML template.

Deps:@pantoken/plugin-layouts
npx shadcn@latest add @pantoken/hero

Page Layout Layout

CSS
JSON

Pantoken page-layout layout styles and canonical HTML template.

Deps:@pantoken/plugin-layouts
npx shadcn@latest add @pantoken/page-layout

Rubric Note Layout

CSS
JSON

Pantoken rubric-note layout styles and canonical HTML template.

Deps:@pantoken/plugin-layouts
npx shadcn@latest add @pantoken/rubric-note

Testimonial Layout

CSS
JSON

Pantoken testimonial layout styles and canonical HTML template.

Deps:@pantoken/plugin-layouts
npx shadcn@latest add @pantoken/testimonial

Two Column Layout

CSS
JSON

Pantoken two-column layout styles and canonical HTML template.

Deps:@pantoken/plugin-layouts
npx shadcn@latest add @pantoken/two-column

Pantoken Custom Icons

CSS
JSON

Pantoken's curated custom icon tokens for the shared -icon-* painter.

Deps:@pantoken/plugin-custom-icons
npx shadcn@latest add @pantoken/custom-icons

Simple Icons

CSS
JSON

The complete Simple Icons brand-glyph token collection.

Deps:@pantoken/plugin-simple-icons
npx shadcn@latest add @pantoken/simple-icons

Instructure Product Logos

CSS
JSON

All Instructure product logo image tokens.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logos

Canvas Logos

CSS
JSON

Logo image tokens for canvas.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logo-canvas

Igniteai Logos

CSS
JSON

Logo image tokens for igniteai.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logo-igniteai

Instructure Logos

CSS
JSON

Logo image tokens for instructure.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logo-instructure

Learnplatform Logos

CSS
JSON

Logo image tokens for learnplatform.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logo-learnplatform

Mastery Logos

CSS
JSON

Logo image tokens for mastery.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logo-mastery

Pantoken Logos

CSS
JSON

Logo image tokens for pantoken.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logo-pantoken

Parchment Logos

CSS
JSON

Logo image tokens for parchment.

Deps:@pantoken/plugin-logos
npx shadcn@latest add @pantoken/logo-parchment

Custom Theme Colors

CSS
JSON

Selector-driven Pantoken brand-color remapping for 13 color namespaces.

Deps:@pantoken/plugin-custom-theme-colors
npx shadcn@latest add @pantoken/theme-colors

Primitive Utilities

CSS
JSON

Opt-in utility classes for Pantoken's raw primitive palette.

Deps:@pantoken/plugin-primitives
npx shadcn@latest add @pantoken/primitives

Visual Debug

CSS
JSON

Development-only layout outlines for Pantoken components.

Deps:@pantoken/plugin-visual-debug
npx shadcn@latest add @pantoken/visual-debug