KokonutUI Logo

NV-02NavigationUpdated, October 14, 2026

Tool Dock

An editor tool dock with a sliding selection plate, shortcut tooltips and flyouts that you can throw to any edge.

Install with
lucide-react, motion

PROBuilding an editor? Canvas Toolbar is in Kokonut UI Pro

Installation

Tool Dock is a free, open-source React component in the Kokonut UI Navigation collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/toolbar.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/toolbar

Usage

import Toolbar from "@/components/kokonutui/toolbar";

export default function Example() {
  return <Toolbar />;
}

Dependencies

Built with React, Tailwind CSS, lucide-react and motion.

On this page

No Headings