\n\n---\n\n\n\nPlease see the website: https://dockview.dev\n\n## Features\n\n- Serialization / deserialization with full layout management\n- Support for split-views, grid-views and 'dockable' views\n- Themeable and customizable\n- Tab and Group docking / Drag n' Drop\n- Touch & mobile support\n- Popout Windows\n- Floating Groups\n- Edge Groups\n- Tab Groups\n- Extensive API\n- Supports Shadow DOMs\n- High test coverage\n- Documentation website with live examples\n- Transparent builds and Code Analysis\n- Security in mind - verified publishing and builds through GitHub Actions\n\n## Quick Start\n\nDockview has a peer dependency on `react` and `react-dom`, versions 16.8 to 19. Install from [npm](https://www.npmjs.com/package/dockview-react):\n\n```\nnpm install dockview-react\n```\n\nImport the stylesheet:\n\n```css\n@import 'dockview-react/dist/styles/dockview.css';\n```\n\nPass a theme and render the component:\n\n```tsx\nimport { DockviewReact, themeDark } from 'dockview-react';\n\nconst components = {\n myComponent: (props) =>
\n );\n}\n```\n\nSee the [documentation](https://dockview.dev) for full examples.\n\nWant to verify our builds? Go [here](https://www.npmjs.com/package/dockview-react#Provenance).\n","readmeFilename":"README.md"}
![\"Dockview\"](\"https://github.com/dockview/dockview/blob/HEAD/static/img/dockview-lockup-dark.svg?raw=true\")
\n