Devtools UI Registry
17 components available
Editor
componentA powerful code editor component using Monaco Editor with VSCode API integration, featuring multi-file support, syntax highlighting, and theme switching.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/editor'
Tree
componentA skill tree visualization component using visx with zoom, pan, collapse/expand functionality and interactive nodes showing progression levels.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/tree'
Person
componentAn interactive person profile component with hover card, location globe visualization, and day/night detection.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/person'
Duvet
componentA compliance coverage report viewer with file tree navigation and specification analysis.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/duvet'
Error: document is not defined
File Drop
componentA drag-and-drop file upload component with validation and error handling.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/file-drop'
Drop file or click to select
Supports .json files up to 10MB
Use Mobile
hookA React hook to detect if the viewport is mobile-sized using a media query.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/use-mobile'
No preview available
This registry item contains:
Keyboard Key
componentA styled kbd element that looks like a physical keyboard key with CSS styling.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/kbd'
Keyboard Key Component
Single Keys
Modifier Keys
Key Combinations
Sizes
Variants
Command Provider
componentA command palette provider that allows components to register and execute commands with keyboard shortcuts.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/command-provider'
Command Provider Demo
Press Ctrl+K to open command palette
0
Counter Value
Crashdump
componentA component that displays crash report previews by fetching og:image metadata from crashdu.mp URLs.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/crashdump'
Layout
componentA flexible layout component with header, footer, sidebar, and multiple layout variants.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/layout'
Footer
componentA customizable footer component with company information and registration details.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/footer'
Devtools Ltd is a limited company registered in England (№ 16372953).
Navigation
componentA responsive navigation component with dropdown menus and mobile support.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/navigation'
Devtools Animated Logo
componentAn animated Lottie logo with theme support.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/dt-logo'
Bug Reporter
componentA reusable bug reporting dialog component with customizable trigger and form handling.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/bug-reporter'
Environment Indicator
componentA visual indicator for dev, beta, and production environments with bug reporting.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/environment-indicator'
Theme Toggle
blockA theme toggle dropdown that supports system, light, and dark modes.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/theme-toggle'
Theme Context
libA theme context provider that supports system, light, and dark modes.
pnpm dlx shadcn@latest add 'https://ui.devtools.ltd/r/theme-context'
No preview available
This registry item contains: