Back

Floating Component Dock

Navigation & Layout

Live dock is the chrome below

FloatingComponentDock is mounted by ComponentShell on every demo page. Use the bottom-center bar on this page to open the Components menu, copy source/prompt, or switch theme.

  • Components menu with links from the shared registry
  • Copy Code opens the source sheet via ComponentShell
  • Copy Prompt opens the prompt sheet
  • Light / Dark theme switch persisted in localStorage

Credit: @chalaska

Component Code (Next.js)

Use Copy Code to load the current local source for the floating dock component.

Claude / Codex Prompt

Create a floating bottom-center component dock used across all component pages with:
- Components dropdown
- Copy Code action
- Copy Prompt action
- Light / Dark theme switch only
Add credit to https://x.com/chalaska.