---
name: "@mui-treasury"
slug: "mui-treasury"
description: "MUI Treasury is a collection of hand-crafted, extended UI patterns and components built on top of Material UI (MUI v5/v6), addressing design gaps left by the core MUI library — refined shadows, monochromatic palettes, pure-black dark mode, icon variants, and elevated header/navigation patterns. It provides an optional CLI for adding components. Built around MUI's CSS variable theming, Emotion, and Material Design tokens rather than Tailwind. Open source. Use for: MUI-based React apps that need polished, opinionated extensions to the default Material Design system without switching to a Tailwind-first stack."
category: "Design system"
tags: ["accessibility", "aesthetic", "ai", "animation", "audio", "blocks", "buttons", "cards", "cms", "components", "dashboard", "design-system", "e-commerce", "forms", "gaming", "icons", "loaders", "media", "navigation", "overlays", "theming"]
framework: "react"
license: null
author: "siriwatknp"
website: "https://www.mui-treasury.com"
github: "https://github.com/siriwatknp/mui-treasury"
registry: "https://mui-treasury.com/r/registry.json"
pro: false
pro_url: null
github_stars: 2443
component_count: 192
generated_at: "2026-07-28T08:59:05.895Z"
---

# @mui-treasury

MUI Treasury is a collection of hand-crafted, extended UI patterns and components built on top of Material UI (MUI v5/v6), addressing design gaps left by the core MUI library — refined shadows, monochromatic palettes, pure-black dark mode, icon variants, and elevated header/navigation patterns. It provides an optional CLI for adding components. Built around MUI's CSS variable theming, Emotion, and Material Design tokens rather than Tailwind. Open source. Use for: MUI-based React apps that need polished, opinionated extensions to the default Material Design system without switching to a Tailwind-first stack.

## Links

- Website: https://www.mui-treasury.com
- GitHub: https://github.com/siriwatknp/mui-treasury
- Registry JSON: https://mui-treasury.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/mui-treasury
- This file: https://sh4dcn.vercel.app/md/mui-treasury.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://mui-treasury.com/r/registry.json
pnpm dlx shadcn@latest add https://mui-treasury.com/r/registry.json
bunx shadcn@latest add https://mui-treasury.com/r/registry.json
# clone the source repo
git clone https://github.com/siriwatknp/mui-treasury.git
# fetch the raw registry index
curl -s https://mui-treasury.com/r/registry.json
```

## Components (192)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion-mui-treasury | registry:item | Accordion styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/accordion-mui-treasury.json` |
| ai-actions | registry:item | Interactive AI action components | `npx shadcn@latest add https://mui-treasury.com/r/ai-actions.json` |
| ai-artifact | registry:item | A container component for displaying artifacts with header, actions, and content areas | `npx shadcn@latest add https://mui-treasury.com/r/ai-artifact.json` |
| ai-branch | registry:item | A ai-branch item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-branch.json` |
| ai-chain-of-thought | registry:item | Component for displaying AI reasoning steps with collapsible content | `npx shadcn@latest add https://mui-treasury.com/r/ai-chain-of-thought.json` |
| ai-code-block | registry:item | A ai-code-block item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-code-block.json` |
| ai-context | registry:item | A ai-context item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-context.json` |
| ai-conversation | registry:item | A ai-conversation item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-conversation.json` |
| ai-elements | registry:item | All AI Elements from MUI Treasury | `npx shadcn@latest add https://mui-treasury.com/r/ai-elements.json` |
| ai-image | registry:item | A ai-image item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-image.json` |
| ai-inline-citation | registry:item | A ai-inline-citation item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-inline-citation.json` |
| ai-loader | registry:item | A ai-loader item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-loader.json` |
| ai-message | registry:item | A ai-message item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-message.json` |
| ai-open-in-chat | registry:item | A ai-open-in-chat item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-open-in-chat.json` |
| ai-prompt-input | registry:item | A ai-prompt-input item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-prompt-input.json` |
| ai-reasoning | registry:item | A ai-reasoning item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-reasoning.json` |
| ai-response | registry:item | A ai-response item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-response.json` |
| ai-sources | registry:item | A ai-sources item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-sources.json` |
| ai-suggestion | registry:item | A ai-suggestion item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-suggestion.json` |
| ai-task | registry:item | A ai-task item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-task.json` |
| ai-tool | registry:item | A ai-tool item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-tool.json` |
| ai-web-preview | registry:item | A ai-web-preview item. | `npx shadcn@latest add https://mui-treasury.com/r/ai-web-preview.json` |
| alert-mui-treasury | registry:item | Alert styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/alert-mui-treasury.json` |
| app-analytics | registry:item | A app-analytics item. | `npx shadcn@latest add https://mui-treasury.com/r/app-analytics.json` |
| app-bar-mui-treasury | registry:item | App Bar styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/app-bar-mui-treasury.json` |
| app-footer-01 | registry:item | A responsive footer component with logo, social media links, and multi-column navigation | `npx shadcn@latest add https://mui-treasury.com/r/app-footer-01.json` |
| app-messenger | registry:item | A app-messenger item. | `npx shadcn@latest add https://mui-treasury.com/r/app-messenger.json` |
| app-react-legacy | registry:item | A app-react-legacy item. | `npx shadcn@latest add https://mui-treasury.com/r/app-react-legacy.json` |
| app-shopping-cart | registry:item | A app-shopping-cart item. | `npx shadcn@latest add https://mui-treasury.com/r/app-shopping-cart.json` |
| autocomplete-mui-treasury | registry:item | Autocomplete styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/autocomplete-mui-treasury.json` |
| avatar-mui-treasury | registry:item | Avatar styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/avatar-mui-treasury.json` |
| badge-mui-treasury | registry:item | Badge styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/badge-mui-treasury.json` |
| breadcrumbs-mui-treasury | registry:item | Breadcrumbs styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/breadcrumbs-mui-treasury.json` |
| button-group-mui-treasury | registry:item | Button Group styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/button-group-mui-treasury.json` |
| button-mui-treasury | registry:item | Button styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/button-mui-treasury.json` |
| call-volume-trends | registry:item | A call-volume-trends block. | `npx shadcn@latest add https://mui-treasury.com/r/call-volume-trends.json` |
| card-action-01 | registry:item | Card with full-bleed background, heading text overlay, and floating circular add button in bottom-right corner with hover scale effect | `npx shadcn@latest add https://mui-treasury.com/r/card-action-01.json` |
| card-action-02 | registry:item | Card with branded icon, large heading, description text, and floating circular add button with customizable props | `npx shadcn@latest add https://mui-treasury.com/r/card-action-02.json` |
| card-blog | registry:item | Blog card with image featuring gradient overlay, Info components for eyebrow/title/subtitle, and gradient CTA button | `npx shadcn@latest add https://mui-treasury.com/r/card-blog.json` |
| card-engagement | registry:item | Card with landscape image, Info title/subtitle, and AvatarGroup footer showing participant avatars | `npx shadcn@latest add https://mui-treasury.com/r/card-engagement.json` |
| card-galaxy | registry:item | Card with full-height background image, bottom gradient overlay, and white text Info components positioned at bottom | `npx shadcn@latest add https://mui-treasury.com/r/card-galaxy.json` |
| card-highlight | registry:item | Card with game branding, cover image, gradient overlay, logo avatar with hover scale, and date badge | `npx shadcn@latest add https://mui-treasury.com/r/card-highlight.json` |
| card-kanban | registry:item | Compact horizontal card with avatar, user name, location info, and progress slider showing completion status | `npx shadcn@latest add https://mui-treasury.com/r/card-kanban.json` |
| card-music | registry:item | Music card with rounded album artwork and Info components displaying artist/title/description using N04 styles | `npx shadcn@latest add https://mui-treasury.com/r/card-music.json` |
| card-news | registry:item | News card with image, Info components using N01 styles, and 'Find Out More' button with hover scale effect | `npx shadcn@latest add https://mui-treasury.com/r/card-news.json` |
| card-news2 | registry:item | Full-bleed image card with centered white text heading and explore label, positioned absolutely over background | `npx shadcn@latest add https://mui-treasury.com/r/card-news2.json` |
| card-news3 | registry:item | News card with image overlay, gradient backdrop, fashion tag badge, author info with avatar, and layered shadow effect on hover | `npx shadcn@latest add https://mui-treasury.com/r/card-news3.json` |
| card-offer | registry:item | Promotional card with cyan background, decorative bow image, circular background elements, and 'Learn more' button | `npx shadcn@latest add https://mui-treasury.com/r/card-offer.json` |
| card-post | registry:item | Social post card with clipped polygon image, positioned avatar overlay, Info title/subtitle, and share/like action buttons | `npx shadcn@latest add https://mui-treasury.com/r/card-post.json` |
| card-preview-01 | registry:item | Preview card using Base UI PreviewCard with hover popup displaying content preview and Material UI styling | `npx shadcn@latest add https://mui-treasury.com/r/card-preview-01.json` |
| card-profile | registry:item | Profile card with centered avatar, name/location info, and followers/following stats displayed in divided columns | `npx shadcn@latest add https://mui-treasury.com/r/card-profile.json` |
| card-project | registry:item | Project card with brand logo, time indicator, and Info components using Blog styles for title/subtitle | `npx shadcn@latest add https://mui-treasury.com/r/card-project.json` |
| card-review | registry:item | Review card with image, star rating, location info, and avatar group showing reviewers | `npx shadcn@latest add https://mui-treasury.com/r/card-review.json` |
| card-review2 | registry:item | Magazine-style review card with image, star rating, content excerpt, and comment/view/share metrics | `npx shadcn@latest add https://mui-treasury.com/r/card-review2.json` |
| card-reward | registry:item | Purple gradient reward card with trophy image, contest title, date range, and 'Enter Now' button | `npx shadcn@latest add https://mui-treasury.com/r/card-reward.json` |
| card-social | registry:item | Social connection card with avatar, user name, mutual friends count, and follow button | `npx shadcn@latest add https://mui-treasury.com/r/card-social.json` |
| card-solid-game | registry:item | Game cards with solid color backgrounds, logo images, game titles, and hover shadow/scale animations | `npx shadcn@latest add https://mui-treasury.com/r/card-solid-game.json` |
| card-sysi | registry:item | Program enrollment card with Thai content, Info components, and dual 'Learn more' / 'Apply now' buttons | `npx shadcn@latest add https://mui-treasury.com/r/card-sysi.json` |
| card-tag | registry:item | Decorative tag-shaped card with hole punch cutout design for menu items or categories | `npx shadcn@latest add https://mui-treasury.com/r/card-tag.json` |
| card-team | registry:item | Team group cards with cover images, avatar groups, member counts, and join/leave action buttons with gradient styling | `npx shadcn@latest add https://mui-treasury.com/r/card-team.json` |
| card-tutor | registry:item | Compact profile card with avatar, name/title info, and action button using Open Sans typography | `npx shadcn@latest add https://mui-treasury.com/r/card-tutor.json` |
| carousel-css-01 | registry:item | Horizontal scrollable carousel with CSS scroll snap | `npx shadcn@latest add https://mui-treasury.com/r/carousel-css-01.json` |
| checkbox-mui-treasury | registry:item | Checkbox styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/checkbox-mui-treasury.json` |
| chip-mui-treasury | registry:item | Chip styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/chip-mui-treasury.json` |
| collapsible | registry:item | CSS-only collapsible components using a hidden checkbox to toggle content visibility | `npx shadcn@latest add https://mui-treasury.com/r/collapsible.json` |
| collapsible-icon | registry:item | A collapsible-icon demo. | `npx shadcn@latest add https://mui-treasury.com/r/collapsible-icon.json` |
| color-picker-field | registry:item | A TextField-based color picker built on react-colorful | `npx shadcn@latest add https://mui-treasury.com/r/color-picker-field.json` |
| color-scheme-select-basic | registry:item | Basic select component for switching color schemes | `npx shadcn@latest add https://mui-treasury.com/r/color-scheme-select-basic.json` |
| color-scheme-select-icon | registry:item | Icon-based select component for switching color schemes | `npx shadcn@latest add https://mui-treasury.com/r/color-scheme-select-icon.json` |
| color-scheme-select-minimal | registry:item | Minimal select component for switching color schemes | `npx shadcn@latest add https://mui-treasury.com/r/color-scheme-select-minimal.json` |
| color-scheme-tabs-basic | registry:item | Tab-based component for switching color schemes | `npx shadcn@latest add https://mui-treasury.com/r/color-scheme-tabs-basic.json` |
| command-search-ui | registry:item | A command-search-ui block. | `npx shadcn@latest add https://mui-treasury.com/r/command-search-ui.json` |
| customer-metrics-card | registry:item | A dashboard card displaying customer metrics with growth percentage and trend chart | `npx shadcn@latest add https://mui-treasury.com/r/customer-metrics-card.json` |
| dashboard-sidebar | registry:item | A vertical navigation sidebar for dashboard applications with user profile, search, and expandable menu items | `npx shadcn@latest add https://mui-treasury.com/r/dashboard-sidebar.json` |
| data-metrics | registry:item | A data-metrics block. | `npx shadcn@latest add https://mui-treasury.com/r/data-metrics.json` |
| database-metrics-card | registry:item | A database-metrics-card block. | `npx shadcn@latest add https://mui-treasury.com/r/database-metrics-card.json` |
| dialog-mui-treasury | registry:item | Dialog styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/dialog-mui-treasury.json` |
| dropzone-01 | registry:item | Drag and drop file upload zone using react-dropzone | `npx shadcn@latest add https://mui-treasury.com/r/dropzone-01.json` |
| file-upload-field | registry:item | A file input component based on TextField with dynamic icons for different file types. | `npx shadcn@latest add https://mui-treasury.com/r/file-upload-field.json` |
| firebase-analyze-image | registry:block | A chat interface for analyzing images using Firebase Gemini with multimodal input support | `npx shadcn@latest add https://mui-treasury.com/r/firebase-analyze-image.json` |
| firebase-chat-transport | registry:item | Client-side ChatTransport implementation for Firebase AI Logic (Gemini) with multi-turn streaming, tool calling, and Google Search grounding | `npx shadcn@latest add https://mui-treasury.com/r/firebase-chat-transport.json` |
| firebase-generate-text | registry:item | Simple text generation component using Firebase AI (Gemini) with streaming support | `npx shadcn@latest add https://mui-treasury.com/r/firebase-generate-text.json` |
| firebase-google-search | registry:block | A Firebase chat demo with Google Search grounding for real-time information | `npx shadcn@latest add https://mui-treasury.com/r/firebase-google-search.json` |
| firebase-image-generation | registry:block | A chat interface for generating images using Firebase Gemini with interleaved text and image output | `npx shadcn@latest add https://mui-treasury.com/r/firebase-image-generation.json` |
| firebase-story-telling | registry:block | A chat interface for creating illustrated stories with interleaved text and image generation | `npx shadcn@latest add https://mui-treasury.com/r/firebase-story-telling.json` |
| firebase-thinking-model | registry:block | A chat interface showcasing AI reasoning with Firebase Gemini thinking model | `npx shadcn@latest add https://mui-treasury.com/r/firebase-thinking-model.json` |
| firebase-tool-calling | registry:block | A chat interface demonstrating Firebase AI tool calling with weather and time tools | `npx shadcn@latest add https://mui-treasury.com/r/firebase-tool-calling.json` |
| info-apex | registry:item | Info variant with bold Ubuntu typography and custom purple/gray color scheme | `npx shadcn@latest add https://mui-treasury.com/r/info-apex.json` |
| info-basic | registry:item | Basic info component with title, subtitle, caption, and eyebrow text slots for displaying structured content | `npx shadcn@latest add https://mui-treasury.com/r/info-basic.json` |
| info-beats | registry:item | Info variant with Spartan font family and coral accent color for eyebrow text | `npx shadcn@latest add https://mui-treasury.com/r/info-beats.json` |
| info-blog | registry:item | Blog-style info component with date eyebrow and article preview layout | `npx shadcn@latest add https://mui-treasury.com/r/info-blog.json` |
| info-chatz | registry:item | Chat-themed info component with Inter font and modern messaging aesthetics | `npx shadcn@latest add https://mui-treasury.com/r/info-chatz.json` |
| info-n01 | registry:item | Info variant with custom typography and styling option 1 | `npx shadcn@latest add https://mui-treasury.com/r/info-n01.json` |
| info-n02 | registry:item | Info variant with custom typography and styling option 2 | `npx shadcn@latest add https://mui-treasury.com/r/info-n02.json` |
| info-n03 | registry:item | Info variant with custom typography and styling option 3 | `npx shadcn@latest add https://mui-treasury.com/r/info-n03.json` |
| info-n04 | registry:item | Info variant with custom typography and styling option 4 | `npx shadcn@latest add https://mui-treasury.com/r/info-n04.json` |
| keycap-01 | registry:item | Mechanical keyboard keycap-style button with pressed state, works with text and icons. | `npx shadcn@latest add https://mui-treasury.com/r/keycap-01.json` |
| layout-core | registry:item | Core layout primitives (Root, Header, Content, Footer, EdgeSidebar, InsetSidebar) for building app shells with CSS Grid. | `npx shadcn@latest add https://mui-treasury.com/r/layout-core.json` |
| layout-docs-edge-sidebar | registry:item | Documentation for EdgeSidebar covering width, visibility, collapse, drawer, responsive modes, and right sidebar. | `npx shadcn@latest add https://mui-treasury.com/r/layout-docs-edge-sidebar.json` |
| layout-docs-footer | registry:item | Documentation for the Footer layout component covering basic usage and inset avoiding view. | `npx shadcn@latest add https://mui-treasury.com/r/layout-docs-footer.json` |
| layout-docs-header | registry:item | A documentation-style header layout with logo, navigation links, and action buttons. Suitable for documentation sites with a fixed top header containing brandi… | `npx shadcn@latest add https://mui-treasury.com/r/layout-docs-header.json` |
| layout-docs-inset-sidebar | registry:item | Documentation for InsetSidebar covering width, sticky behavior, and absolute positioning. | `npx shadcn@latest add https://mui-treasury.com/r/layout-docs-inset-sidebar.json` |
| layout-docs-root | registry:item | Documentation for the Root layout component covering height, standalone mode, and transition control. | `npx shadcn@latest add https://mui-treasury.com/r/layout-docs-root.json` |
| layout-edge-sidebar-auto-collapse | registry:item | Sidebar automatically collapses below a specified breakpoint. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-auto-collapse.json` |
| layout-edge-sidebar-collapse | registry:item | Collapsible sidebar with a toggle button using EdgeSidebarCollapser. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-collapse.json` |
| layout-edge-sidebar-drawer | registry:item | Drawer mode sidebar that opens as an overlay with a trigger button. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-drawer.json` |
| layout-edge-sidebar-drawer-without-overlay | registry:item | Drawer mode without the overlay backdrop. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-drawer-without-overlay.json` |
| layout-edge-sidebar-hover-uncollapse | registry:item | Collapsed sidebar expands on hover without shifting the content. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-hover-uncollapse.json` |
| layout-edge-sidebar-responsive | registry:item | Drawer on mobile, permanent on desktop using breakpoint-based variant. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-responsive.json` |
| layout-edge-sidebar-right | registry:item | Right-aligned edge sidebar using EdgeSidebarRight. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-right.json` |
| layout-edge-sidebar-visibility | registry:item | Hide the sidebar by default and show it at a specific breakpoint. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-visibility.json` |
| layout-edge-sidebar-width | registry:item | Customize the width of the edge sidebar via variant config. | `npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-width.json` |
| layout-footer-inset-avoiding | registry:item | Use InsetAvoidingView inside Footer to prevent overlap from an absolute InsetSidebar. | `npx shadcn@latest add https://mui-treasury.com/r/layout-footer-inset-avoiding.json` |
| layout-header-clip | registry:item | Control whether the Header spans over the left/right EdgeSidebar. | `npx shadcn@latest add https://mui-treasury.com/r/layout-header-clip.json` |
| layout-header-height | registry:item | Customize header height with a fixed value or responsive breakpoints. | `npx shadcn@latest add https://mui-treasury.com/r/layout-header-height.json` |
| layout-inset-sidebar-absolute | registry:item | Absolute inset sidebar for standalone apps, spanning from header to bottom with InsetAvoidingView in footer. | `npx shadcn@latest add https://mui-treasury.com/r/layout-inset-sidebar-absolute.json` |
| layout-inset-sidebar-sticky | registry:item | Default sticky behavior — sidebar sticks under the header on scroll. | `npx shadcn@latest add https://mui-treasury.com/r/layout-inset-sidebar-sticky.json` |
| layout-inset-sidebar-width | registry:item | Customize the width of the inset sidebar with fixed or responsive values. | `npx shadcn@latest add https://mui-treasury.com/r/layout-inset-sidebar-width.json` |
| layout-root-disable-transition | registry:item | Remove all layout transition animations with the disableTransition prop. | `npx shadcn@latest add https://mui-treasury.com/r/layout-root-disable-transition.json` |
| layout-root-height | registry:item | Customize root layout height with a fixed value or responsive breakpoints. | `npx shadcn@latest add https://mui-treasury.com/r/layout-root-height.json` |
| layout-root-standalone | registry:item | Standalone mode fits the layout to its height, useful for POS or chat apps. | `npx shadcn@latest add https://mui-treasury.com/r/layout-root-standalone.json` |
| list-item-01 | registry:item | A list-item-01 item. | `npx shadcn@latest add https://mui-treasury.com/r/list-item-01.json` |
| list-item-02 | registry:item | LinkedIn-style notification list item with avatar, content preview, and engagement stats | `npx shadcn@latest add https://mui-treasury.com/r/list-item-02.json` |
| list-mui-treasury | registry:item | List styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/list-mui-treasury.json` |
| login-form | registry:item | Clean and accessible login form with email/password authentication and Google OAuth option | `npx shadcn@latest add https://mui-treasury.com/r/login-form.json` |
| login-form-split | registry:item | Two-column login form with email/password authentication and social login option | `npx shadcn@latest add https://mui-treasury.com/r/login-form-split.json` |
| members-metric | registry:item | A metric card displaying member count with trend indicator and sparkline chart | `npx shadcn@latest add https://mui-treasury.com/r/members-metric.json` |
| menu-mui-treasury | registry:item | Menu styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/menu-mui-treasury.json` |
| menubar-01 | registry:item | Application menubar with nested submenu support using Base UI and Material UI styling | `npx shadcn@latest add https://mui-treasury.com/r/menubar-01.json` |
| meter-01 | registry:item | A minimal meter component using Base UI Meter with Material UI styling | `npx shadcn@latest add https://mui-treasury.com/r/meter-01.json` |
| mui-treasury | registry:item | A minimal theme with monochromatic palette and system fonts | `npx shadcn@latest add https://mui-treasury.com/r/mui-treasury.json` |
| nav-menu-01 | registry:item | Horizontal navigation menu with dropdown menus for Products and Resources sections | `npx shadcn@latest add https://mui-treasury.com/r/nav-menu-01.json` |
| nav-menu-02 | registry:item | Horizontal navigation menu with animated dropdown transitions and arrow indicators | `npx shadcn@latest add https://mui-treasury.com/r/nav-menu-02.json` |
| number-field-01 | registry:item | Base UI Number Field for numeric values with increment/decrement buttons | `npx shadcn@latest add https://mui-treasury.com/r/number-field-01.json` |
| number-field-02 | registry:item | Integrated Base UI Number Field with increment/decrement buttons, label, helper text, and error states. Full keyboard and screen reader accessibility. | `npx shadcn@latest add https://mui-treasury.com/r/number-field-02.json` |
| number-input | registry:item | A number input component with various features and customization options. | `npx shadcn@latest add https://mui-treasury.com/r/number-input.json` |
| pagination-mui-treasury | registry:item | Pagination styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/pagination-mui-treasury.json` |
| payment-history-chart | registry:item | A payment-history-chart block. | `npx shadcn@latest add https://mui-treasury.com/r/payment-history-chart.json` |
| payment-overview-card | registry:item | A payment-overview-card block. | `npx shadcn@latest add https://mui-treasury.com/r/payment-overview-card.json` |
| payroll-summary-card | registry:item | A payroll-summary-card block. | `npx shadcn@latest add https://mui-treasury.com/r/payroll-summary-card.json` |
| popup-menu | registry:item | Menu items that open a popup submenu on hover or click. | `npx shadcn@latest add https://mui-treasury.com/r/popup-menu.json` |
| portfolio-value-chart | registry:item | A portfolio-value-chart block. | `npx shadcn@latest add https://mui-treasury.com/r/portfolio-value-chart.json` |
| preference-settings | registry:item | A clean settings panel with various preference options including selects and toggles | `npx shadcn@latest add https://mui-treasury.com/r/preference-settings.json` |
| product-card | registry:item | Product card with gradient background header, centered image, and floating heart icon. Features product title, attribute chips, description text, and bottom ro… | `npx shadcn@latest add https://mui-treasury.com/r/product-card.json` |
| product-card2 | registry:item | Mobile product card with centered image, floating heart icon, and product name with badge. Features circular color swatches with checkmarks, size selection but… | `npx shadcn@latest add https://mui-treasury.com/r/product-card2.json` |
| progress-mui-treasury | registry:item | Progress styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/progress-mui-treasury.json` |
| project-invite-modal | registry:item | A project-invite-modal block. | `npx shadcn@latest add https://mui-treasury.com/r/project-invite-modal.json` |
| radio-card-01 | registry:item | Radio card component for selecting options with detailed information | `npx shadcn@latest add https://mui-treasury.com/r/radio-card-01.json` |
| radio-color-01 | registry:item | A customizable radio group component with color swatches as selection options | `npx shadcn@latest add https://mui-treasury.com/r/radio-color-01.json` |
| radio-mui-treasury | registry:item | Radio styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/radio-mui-treasury.json` |
| radio-segment-01 | registry:item | A segmented control component for selecting between options with radio buttons | `npx shadcn@latest add https://mui-treasury.com/r/radio-segment-01.json` |
| rating-mui-treasury | registry:item | Rating styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/rating-mui-treasury.json` |
| select-inset-01 | registry:item | A select dropdown with label displayed inside the container above the selected value | `npx shadcn@latest add https://mui-treasury.com/r/select-inset-01.json` |
| select-mui-treasury | registry:item | Select styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/select-mui-treasury.json` |
| shared | registry:item | Shared TypeScript types for overridable component patterns. | `npx shadcn@latest add https://mui-treasury.com/r/shared.json` |
| sidebar | registry:item | A complete sidebar component system with collapsible container, menu items, groups, icons, text, tooltips, and rail | `npx shadcn@latest add https://mui-treasury.com/r/sidebar.json` |
| sidebar-group | registry:item | Organize menu items into labeled sections with optional actions. | `npx shadcn@latest add https://mui-treasury.com/r/sidebar-group.json` |
| sidebar-menus | registry:item | Flat, nested, and action menu patterns with active states. | `npx shadcn@latest add https://mui-treasury.com/r/sidebar-menus.json` |
| sidebar-navigation | registry:item | Modern vertical navigation sidebar with expandable menu items, storage usage indicator, and user profile section | `npx shadcn@latest add https://mui-treasury.com/r/sidebar-navigation.json` |
| sidebar-text | registry:item | Primary and secondary text styles for menu items with truncation support. | `npx shadcn@latest add https://mui-treasury.com/r/sidebar-text.json` |
| sidebar-tooltip | registry:item | Tooltips for icon-only collapsed sidebar items. | `npx shadcn@latest add https://mui-treasury.com/r/sidebar-tooltip.json` |
| sla-performance-card | registry:item | A sla-performance-card block. | `npx shadcn@latest add https://mui-treasury.com/r/sla-performance-card.json` |
| slider-mui-treasury | registry:item | Slider styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/slider-mui-treasury.json` |
| snackbar-mui-treasury | registry:item | Snackbar styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/snackbar-mui-treasury.json` |
| sonner | registry:item | Toast notification component using Sonner with MUI theming | `npx shadcn@latest add https://mui-treasury.com/r/sonner.json` |
| sonner2 | registry:item | Toast notification with severity-colored icon, action button, and close button | `npx shadcn@latest add https://mui-treasury.com/r/sonner2.json` |
| space-login | registry:item | Split-screen login form with space theme and social authentication options | `npx shadcn@latest add https://mui-treasury.com/r/space-login.json` |
| stepper-mui-treasury | registry:item | Stepper styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/stepper-mui-treasury.json` |
| switch-mui-treasury | registry:item | Switch styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/switch-mui-treasury.json` |
| table-mui-treasury | registry:item | Table styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/table-mui-treasury.json` |
| tabs-01 | registry:item | A clean tabs component with AI and signup options, includes help link | `npx shadcn@latest add https://mui-treasury.com/r/tabs-01.json` |
| tabs-02 | registry:item | A modern tab component with mix-blend-mode for automatic text color inversion when the indicator slides beneath tabs | `npx shadcn@latest add https://mui-treasury.com/r/tabs-02.json` |
| tabs-apple | registry:item | Apple-style tabs with rounded container and sliding indicator | `npx shadcn@latest add https://mui-treasury.com/r/tabs-apple.json` |
| tabs-chip-01 | registry:item | Horizontal tab navigation styled as chip-like buttons | `npx shadcn@latest add https://mui-treasury.com/r/tabs-chip-01.json` |
| tabs-chrome | registry:item | Chrome browser-style tabs with separator lines and smooth hover effects | `npx shadcn@latest add https://mui-treasury.com/r/tabs-chrome.json` |
| tabs-contained | registry:item | Contained tabs with separator lines and secondary color for selected state | `npx shadcn@latest add https://mui-treasury.com/r/tabs-contained.json` |
| tabs-elevated | registry:item | Elevated tabs with gradient background and translucent indicator | `npx shadcn@latest add https://mui-treasury.com/r/tabs-elevated.json` |
| tabs-firebase | registry:item | Firebase-style tabs with thick top indicator and hover backdrop | `npx shadcn@latest add https://mui-treasury.com/r/tabs-firebase.json` |
| tabs-inside-triangle | registry:item | Tabs with diagonal triangle shadow effect using CSS transform | `npx shadcn@latest add https://mui-treasury.com/r/tabs-inside-triangle.json` |
| tabs-instagram | registry:item | Instagram-style tabs with top indicator, icons, and uppercase labels | `npx shadcn@latest add https://mui-treasury.com/r/tabs-instagram.json` |
| tabs-mui-treasury | registry:item | Tabs styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/tabs-mui-treasury.json` |
| tabs-pill | registry:item | Pill-shaped tabs with rounded corners, elevation shadow on selection | `npx shadcn@latest add https://mui-treasury.com/r/tabs-pill.json` |
| tabs-plain | registry:item | Plain bordered tabs with subtle background and white selection | `npx shadcn@latest add https://mui-treasury.com/r/tabs-plain.json` |
| tabs-serrated | registry:item | Serrated tabs with skewed transform and diagonal shadow gradient | `npx shadcn@latest add https://mui-treasury.com/r/tabs-serrated.json` |
| tabs-twitter | registry:item | Twitter-style tabs with bold text, hover effects, and bottom border | `npx shadcn@latest add https://mui-treasury.com/r/tabs-twitter.json` |
| text-field-mui-treasury | registry:item | Text Field styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/text-field-mui-treasury.json` |
| ticket-status-card | registry:item | A ticket-status-card block. | `npx shadcn@latest add https://mui-treasury.com/r/ticket-status-card.json` |
| toggle-button-mui-treasury | registry:item | Toggle Button styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/toggle-button-mui-treasury.json` |
| tooltip-mui-treasury | registry:item | Tooltip styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/tooltip-mui-treasury.json` |
| transaction-history-list | registry:item | A transaction-history-list block. | `npx shadcn@latest add https://mui-treasury.com/r/transaction-history-list.json` |
| typography-mui-treasury | registry:item | Typography styled with the MUI Treasury theme — install the theme alongside. | `npx shadcn@latest add https://mui-treasury.com/r/typography-mui-treasury.json` |
| use-number-input | registry:hook | A hook for managing state and behavior in number input components. | `npx shadcn@latest add https://mui-treasury.com/r/use-number-input.json` |

## For AI agents

```text
You are adding components from @mui-treasury to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/mui-treasury.md) for the component list.
2. Fetch the machine-readable index: https://mui-treasury.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: mui-treasury).
```