dockview

dockview is a zero-dependency docking layout manager written in TypeScript that enables developers to create highly dynamic, IDE-like interfaces with draggable panels, tabs, and resizable layouts. It supports multiple layout paradigms, including split views, grid layouts, and dockable panels, allowing complex UI arrangements similar to tools like Visual Studio Code. The library is framework-agnostic at its core, with official bindings for React, Vue, and Angular, as well as support for vanilla TypeScript. Dockview includes advanced features such as floating panels, popout windows, and persistent layout serialization, enabling users to save and restore custom workspace configurations. Its architecture emphasizes performance and flexibility, providing a comprehensive API for programmatic control over layout behavior. The system also supports theming and customization through CSS variables, allowing seamless integration into different design systems.

Features

Drag-and-drop docking system with tabs and panels
Support for split views, grids, and floating windows
Layout serialization and restoration capabilities
Framework support for React, Vue, Angular, and vanilla TS
Zero runtime dependencies for lightweight performance
Extensive API for programmatic layout control

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow dockview

dockview Web Site

Other Useful Business Software

MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.

Start Free

Rate This Project

User Reviews

Be the first to post a review of dockview!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript User Interface (UI) Software, TypeScript Libraries

Registered

2 days ago

Similar Business Software

Ignite UI

Build modern, data-rich applications faster with Ignite UI - the most complete UI toolkit with 120+ enterprise-grade components for every major framework. Whether you're working in Angular, React, Blazor, Web Components, or desktop platforms like WPF and Windows Forms, Ignite UI delivers...

See Software
Kevel

Kevel (previously Adzerk) gives you the APIs needed to quickly build your own fully-customized ad server for sponsored listings, internal promotions, native ads, and more – so you can take back the Internet and drive more online revenue. Our award-winning platform handles over three billion API...

See Software
JsPlumb

JsPlumb is a Javascript diagramming library that allows you to rapidly create complex applications featuring visual connectivity without having to build any of the boring stuff: it provides pan/zoom, a minimap widget, automatic layouts, data binding, path finding, and much, much more. JsPlumb...

See Software
DHTMLX

DHTMLX is a JavaScript UI library that provides a set of highly customizable and flexible components for building modern and responsive web applications. The library includes more than 30 UI components, such as Gantt, Scheduler, Kanban, diagrams, charts, grids, spreadsheets, calendars, trees,...

See Software
Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. Item...

See Software
Ultimate UI

Simplify development with Infragistics Ultimate UI/UX toolkit, offering a comprehensive library of enterprise-grade UI controls and UX Design-Development collaboration tools with Indigo.Design – a complete design-to-code system – integrating prototyping, design systems, user testing, app...

See Software