hub / github.com/ephraimduncan/shadcn-playground
github.com/ephraimduncan/shadcn-playground @main
Chat with this repo
454 symbols
1,124 edges
108 files
0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
Shadcn Play
A playground for building and previewing shadcn/ui components with a live editor.
Built with Next.js, Monaco Editor, and Tailwind CSS.
Getting Started
bun install
bun dev
Open http://localhost:3000.
Extension points exported contracts — how you extend this code
OpenInPlaygroundButtonProps (Interface)(no doc)
components/open-in-playground-button.tsx
CommandPaletteActions (Interface)
(no doc)
components/playground/command-palette.tsx
TailwindProviderContext (Interface)
(no doc)
lib/playground/tailwind-language-service.ts
UseShadcnExamplesResult (Interface)
(no doc)
hooks/use-shadcn-examples.ts
CommandPaletteProps (Interface)
(no doc)
components/playground/command-palette.tsx
TailwindProviderHandle (Interface)
(no doc)
lib/playground/tailwind-language-service.ts
PreviewPanelProps (Interface)
(no doc)
components/playground/preview-panel.tsx
RawExampleFile (Interface)
(no doc)
lib/playground/shadcn-examples-index.ts
Core symbols most depended-on inside this repo
cncalled by 294
lib/utils.ts
add
called by 11
components/playground/editor-panel.tsx
run
called by 10
components/playground/command-palette.tsx
inferComponentId
called by 9
lib/playground/shadcn-examples-index.ts
readTypeFile
called by 7
scripts/build-playground-types.ts
lspRangeToMonaco
called by 6
lib/playground/tailwind-language-service.ts
detectTailwindClassListTextContext
called by 5
lib/playground/tailwind-language-service.ts
useCarousel
called by 4
components/ui/carousel.tsx
Shape
Languages
TypeScript100%
Modules by API surface
lib/playground/tailwind-language-service.ts25 symbols
components/ui/sidebar.tsx25 symbols
components/ui/menubar.tsx16 symbols
components/ui/combobox.tsx16 symbols
components/ui/dropdown-menu.tsx15 symbols
components/ui/context-menu.tsx15 symbols
lib/playground/shadcn-examples-index.ts13 symbols
components/ui/alert-dialog.tsx12 symbols
components/ui/sheet.tsx10 symbols
components/ui/select.tsx10 symbols
components/ui/item.tsx10 symbols
components/ui/field.tsx10 symbols
For agents
$ claude mcp add shadcn-playground \
-- python -m otcore.mcp_server <graph>