{"id":14316728,"url":"https://github.com/mathuo/dockview","last_synced_at":"2026-05-04T23:04:15.664Z","repository":{"id":36997974,"uuid":"274765273","full_name":"mathuo/dockview","owner":"mathuo","description":"Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.","archived":false,"fork":false,"pushed_at":"2025-05-01T17:05:04.000Z","size":184127,"stargazers_count":2561,"open_issues_count":76,"forks_count":100,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-05-06T11:43:57.117Z","etag":null,"topics":["components","dock","docking","docking-layout","docking-library","drag","drag-and-drop","drop","javascript","layout","layout-manager","panel","react","reactjs","splitter","splitview","tabs","typescript","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://dockview.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mathuo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-06-24T20:40:51.000Z","updated_at":"2025-05-06T09:55:16.000Z","dependencies_parsed_at":"2023-10-04T10:14:40.029Z","dependency_job_id":"34afea30-db5f-461e-ba61-f0a3afecaebd","html_url":"https://github.com/mathuo/dockview","commit_stats":{"total_commits":1136,"total_committers":22,"mean_commits":51.63636363636363,"dds":"0.42165492957746475","last_synced_commit":"a202a491829b9bfd1b09451ac87592df54e9b2ae"},"previous_names":[],"tags_count":101,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathuo%2Fdockview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathuo%2Fdockview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathuo%2Fdockview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mathuo%2Fdockview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mathuo","download_url":"https://codeload.github.com/mathuo/dockview/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254076379,"owners_count":22010607,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","dock","docking","docking-layout","docking-library","drag","drag-and-drop","drop","javascript","layout","layout-manager","panel","react","reactjs","splitter","splitview","tabs","typescript","vue","vuejs"],"created_at":"2024-08-24T17:00:28.079Z","updated_at":"2026-05-04T23:04:15.657Z","avatar_url":"https://github.com/mathuo.png","language":"TypeScript","funding_links":[],"categories":["Web Frontend","TypeScript"],"sub_categories":["React \u0026 UI Libraries"],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ch1\u003edockview\u003c/h1\u003e\n\n\u003cp\u003eZero dependency layout manager supporting tabs, groups, grids and splitviews. Supports React, Vue, Angular and Vanilla TypeScript\u003c/p\u003e\n\n\u003c/div\u003e\n\n---\n\n[![npm version](https://badge.fury.io/js/dockview-core.svg)](https://www.npmjs.com/package/dockview-core)\n[![npm](https://img.shields.io/npm/dm/dockview-core)](https://www.npmjs.com/package/dockview-core)\n[![CI Build](https://github.com/mathuo/dockview/workflows/CI/badge.svg)](https://github.com/mathuo/dockview/actions?query=workflow%3ACI)\n[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=mathuo_dockview\u0026metric=coverage)](https://sonarcloud.io/summary/overall?id=mathuo_dockview)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=mathuo_dockview\u0026metric=alert_status)](https://sonarcloud.io/summary/overall?id=mathuo_dockview)\n[![Bundle Phobia](https://badgen.net/bundlephobia/minzip/dockview-core)](https://bundlephobia.com/result?p=dockview-core)\n\n##\n\n![](packages/docs/static/img/splashscreenv2.png)\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-   Popout Windows\n-   Floating 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 at mind - verified publishing and builds through GitHub Actions\n\n## Packages\n\n| Package | Description | Version |\n| --- | --- | --- |\n| [`dockview-core`](https://www.npmjs.com/package/dockview-core) | Core layout engine — zero dependencies, vanilla TypeScript | [![npm version](https://badge.fury.io/js/dockview-core.svg)](https://www.npmjs.com/package/dockview-core) |\n| [`dockview`](https://www.npmjs.com/package/dockview) | React bindings (peer: `react` ≥16.8) | [![npm version](https://badge.fury.io/js/dockview.svg)](https://www.npmjs.com/package/dockview) |\n| [`dockview-vue`](https://www.npmjs.com/package/dockview-vue) | Vue 3 bindings (peer: `vue` ≥3.4) | [![npm version](https://badge.fury.io/js/dockview-vue.svg)](https://www.npmjs.com/package/dockview-vue) |\n| [`dockview-angular`](https://www.npmjs.com/package/dockview-angular) | Angular bindings (peer: `@angular/core` ≥21) | [![npm version](https://badge.fury.io/js/dockview-angular.svg)](https://www.npmjs.com/package/dockview-angular) |\n| [`dockview-react`](https://www.npmjs.com/package/dockview-react) | Re-export of `dockview` for migration convenience | [![npm version](https://badge.fury.io/js/dockview-react.svg)](https://www.npmjs.com/package/dockview-react) |\n\n## Installation\n\n```bash\nnpm install dockview          # React\nnpm install dockview-vue      # Vue\nnpm install dockview-angular  # Angular\nnpm install dockview-core     # Vanilla TypeScript\n```\n\n## Quick Start (React)\n\n```tsx\nimport { DockviewReact } from 'dockview';\nimport 'dockview/dist/styles/dockview.css';\n\nconst components = {\n    default: (props) =\u003e \u003cdiv\u003eHello {props.params.title}\u003c/div\u003e,\n};\n\nfunction App() {\n    const onReady = (event) =\u003e {\n        event.api.addPanel({\n            id: 'panel_1',\n            component: 'default',\n            params: { title: 'World' },\n        });\n    };\n\n    return (\n        \u003cDockviewReact\n            className=\"dockview-theme-dark\"\n            onReady={onReady}\n            components={components}\n        /\u003e\n    );\n}\n```\n\nFor Vue and Angular examples see the [documentation](https://dockview.dev).\n\n## Development\n\nThis project is an [NX](https://nx.dev) monorepo using [Yarn v1](https://classic.yarnpkg.com) workspaces.\n\n```bash\nyarn install    # Install dependencies\nyarn build      # Build all packages\nyarn test       # Run tests\nyarn lint       # Run ESLint\nyarn format     # Run Prettier\n```\n\nBuild order is managed automatically by NX:\n\n```\ndockview-core → dockview → dockview-react\ndockview-core → dockview-vue\ndockview-core → dockview-angular\n```\n\n## Contributing\n\nContributions are welcome! Please open an [issue](https://github.com/mathuo/dockview/issues) or submit a pull request.\n\n## License\n\nMIT — see [LICENSE](./LICENSE) for details.\n\n---\n\nWant to verify our builds? Go [here](https://www.npmjs.com/package/dockview#user-content-provenance).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathuo%2Fdockview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmathuo%2Fdockview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmathuo%2Fdockview/lists"}