Docs
Components
Native
Templates

Web
Native

Introduction
Installation
Theming
Customize
CLI & registry
Design skill
Changelog

Overview

Brand Icon
Icon Chip
Icons
Locale Provider
Theme
Theme AccentsNew
Theme Paper
Typeset

Alert DialogNew
Bottom Sheet
CommandNew
Context Menu
Dialog
Drawer
Hover CardNew
Menu
Menu List
Morphing Modal
Overflow Hint
Popover
Popover Morph
Toast
Tooltip

Accordion
Alert
Aspect Ratio
Avatar
Avatar Generator
Badge
Card
CarouselNew
Collapsible
Cover ArtNew
Empty State
KbdNew
Loader
OG Image
Page Header
ProgressNew
Resizable
Scroll Area
SeparatorNew
Settings Section
SkeletonNew
Stat Card
Theme Toggle
Timeline
Usage Meter
Window Frame

Animated Sidebar
App Shell
Breadcrumb
File Tree
MenubarNew
Navigation MenuNew
OutlineNew
Pagination
Preview Rail
Search Button
Shared Layout Background
Sidebar NavNew
Tab Bar
Tab Strip
Tabs
Toolbar
User Menu
Workspace Switcher

Action Swap Blur
Action Swap Roll
Animated Number
Code BlockNew
Command Copy
Digit Swap
Marquee
Number Ticker
Text Cascade
Text Reveal
Text Scramble
Text Shimmer

Magnetic
Pull to Refresh
Scroll Progress
Scroll Reveal
Scroll To
Shader Background
Smooth Scroll
Sortable Stack

Data Table
Simple TableNew
Table
Table Async
Table Editable

Agent Activity
Agent Code Block
Agent Progress
AI Sidebar
Chat App
Citations
Edited Files Card
File Diff
Image Generation
Message
Message Bubble
Message Scroller
Model Picker
Reasoning Text
Streaming Response
Terminal
Terminal View
Thread List Item
Todo List
Tool Approval
Tool Result
Work Summary

Bar List
Candlestick Chart
Chart Utils
Composition Chart
Donut Chart
Funnel Chart
Heat Calendar
Sparkline
Status Bar
Treemap
Trend Chart

Agent Composer
Approval Card
Attachment Upload
Availability Scheduler
Block Editor
Card Folder
Chat
Command Palette
Email Editor
Expandable Action Bar
Expandable Tabs
Feedback Widget
File Upload
Morphing Search
Morphing Tabs
Notification Stack
OTP Input
Overflow Actions
Project Folder
Prompt Bar
Recommendation Card
Sign-up Form
Swipeable List
Task Row

Agent Workspace
Code Editor
Docs Site
Personal Blog
SaaS

What's new22 New

Theme

Shared design tokens for every component.

@paneui/utils

shadow-raised

shadow-pressed

shadow-primary

shadow-well

shadow-surface

shadow-chip

Installation

$ pnpm dlx shadcn@latest add @paneui/theme

PreviousLocale ProviderFoundations NextTheme AccentsFoundations

Last updated Oct 28, 2026

On this page

Installation