awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
mathuo avatar

mathuo/dockview

0
View on GitHub↗

Dockview

Dockview is a UI framework for building complex, desktop-like interfaces featuring dockable layout components, interactive tab grouping, and a cross-platform panel system. It provides the tools necessary to create environments with draggable tabs, split-views, and customizable panel arrangements.

The system is distinguished by its multi-window layout manager, which allows panels to be detached into separate browser windows for multi-monitor setups. It further supports a state-persistent architecture that saves and restores the exact position and configuration of views across different user sessions.

The library covers a broad range of layout management capabilities, including the rendering of edge-pinned side panels, floating overlays, and grid-based organization. These interactions are supported across desktop and mobile devices through a unified pointer-event system that enables touch-enabled drag-and-drop functionality. Visual appearance is managed via a theme engine that utilizes CSS variables for customization.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
dockview.dev
↗

Features

  • Drag-and-Drop Layout Engines - Provides a comprehensive layout engine for creating draggable, resizable, and dockable split-view and grid arrangements.
  • UI Layout Components - Provides a framework of layout components for building desktop-like interfaces with draggable tabs and split-views.
  • Multi-Window Layout Managers - Manages the detaching of panels into separate browser windows for multi-monitor setups and floating overlays.
  • Workspace State Persistence - Ensures workspace consistency between sessions by persisting the exact arrangement of tabs and panels.
  • Detachable Browser Windows - Enables detaching view groups from the main application area into separate browser windows for multi-monitor layouts.
  • Hybrid Layouts - Provides a flexible system for pinning panels to edges or floating them as overlays above the main interface.
  • Dockable Panel Systems - Ships a comprehensive panel system supporting touch-enabled docking across desktop and mobile platforms.
  • Docking Drag-and-Drop Systems - Provides the core interaction logic for moving panels between dock zones and floating states via pointer events.
  • Layout Persistence - Saves and restores the precise arrangement of views and groups using a stored data format.
  • Layout State Serialization - Converts complex visual arrangements of panels and tabs into serializable JSON for session restoration.
  • Recursive Split-View Layouts - Implements a recursive rectangular grid system to manage complex docked panels and nested tab groups.
  • Retained State UI Frameworks - Functions as a layout engine that maintains a persistent model of views and configurations across user sessions.
  • Cross-Window State Synchronizations - Enables detaching view groups into separate browser windows while keeping state synchronized across the layout.
  • Multi-Monitor Workspace Managers - Supports distributing a complex application across multiple physical screens by detaching panels into separate windows.
  • IDE Layout Frameworks - Offers the structural components needed to build professional IDE-like environments with collapsible panels and tab groups.
  • Tab Grouping - Provides tools for organizing views into collapsible, color-coded tab groups with drag-and-drop reordering.
  • CSS Variable Theming - Implements a theme engine that maps design tokens to CSS custom properties for dynamic visual customization.
  • Floating Overlays - Supports moving groups of panels into freely positioned floating overlays above the main workspace grid.
  • Mobile Touch Handlers - Supports touch-enabled drag-and-drop functionality on mobile devices via a unified pointer-event system.
  • Sliding Panels - Provides collapsible side panels docked to the layout edges for navigation and tooling access.
  • Pointer Event Abstractions - Maps raw mouse and touch inputs to a unified event system for consistent cross-platform drag operations.
  • Touch Layout Interactions - Enables touch-based drag-and-drop panel organization and window management for mobile and touch-screen devices.
3,023 stars·141 forks·TypeScript·mit·42 views

Star history

Star history chart for mathuo/dockviewStar history chart for mathuo/dockview

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Dockview

These projects share indexed features with Dockview. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • golden-layout/golden-layoutgolden-layout avatar

    golden-layout/golden-layout

    6,689View on GitHub↗

    Golden Layout is a framework-agnostic UI container and web window layout manager designed to organize application interfaces into a flexible grid of draggable and resizable multi-pane windows. It functions as a hierarchical grid system that arranges page elements into a tree of nested rows and columns to create complex professional interfaces. The system acts as a multi-window workspace orchestrator, allowing components to be detached from the main layout into independent native browser windows. It also serves as a serializable layout engine that captures the arrangement of user interface com

    JavaScriptdrag-and-dropgolden-layoutjavascript
    View on GitHub↗6,689
  • gridstack/gridstack.jsgridstack avatar

    gridstack/gridstack.js

    8,972View on GitHub↗

    gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

    TypeScriptangulardashboardgrid
    View on GitHub↗8,972
  • zulko/eagle.jsZulko avatar

    Zulko/eagle.js

    4,053View on GitHub↗

    eagle.js is a component-driven presentation engine and web-based tool for building interactive digital slideshows. It functions as a Vue.js slideshow framework that uses a component architecture to manage slide hierarchies and transitions within a browser. The system distinguishes itself through support for nested presentation hierarchies, allowing slideshows to be embedded within other slides to organize complex information. It includes a dual-window synchronization system for a dedicated presenter mode, which separates a private controller for speaker notes from the public display. The fra

    JavaScripthtmlpresentationsslideshow
    View on GitHub↗4,053
  • tridactyl/tridactyltridactyl avatar

    tridactyl/tridactyl

    6,246View on GitHub↗

    Tridactyl is a Vim-like Firefox extension that provides a comprehensive keyboard-driven interface for browsing, tab management, and page interaction. It replaces traditional mouse-based navigation with Vim-style keybindings, an ex-mode command line, and a hint overlay system for selecting and interacting with page elements. The extension is built around a core infrastructure that includes a modal command parser, a keybinding configuration system, and a content-script command bridge for executing commands in page context. The extension distinguishes itself through its deep integration with Fir

    TypeScriptfirefoxhacktoberfestvim
    View on GitHub↗6,246
Compare all 30 related projects→

Frequently asked questions

What does mathuo/dockview do?

Dockview is a UI framework for building complex, desktop-like interfaces featuring dockable layout components, interactive tab grouping, and a cross-platform panel system. It provides the tools necessary to create environments with draggable tabs, split-views, and customizable panel arrangements.

What are the main features of mathuo/dockview?

The main features of mathuo/dockview are: Drag-and-Drop Layout Engines, UI Layout Components, Multi-Window Layout Managers, Workspace State Persistence, Detachable Browser Windows, Hybrid Layouts, Dockable Panel Systems, Docking Drag-and-Drop Systems.

Which projects share features with mathuo/dockview?

Projects with overlapping indexed features include: golden-layout/golden-layout — Golden Layout is a framework-agnostic UI container and web window layout manager designed to organize application… gridstack/gridstack.js — gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive… zulko/eagle.js — eagle.js is a component-driven presentation engine and web-based tool for building interactive digital slideshows. It… tridactyl/tridactyl — Tridactyl is a Vim-like Firefox extension that provides a comprehensive keyboard-driven interface for browsing, tab… knadh/oat — Oat is a CSS variable-driven UI kit and semantic HTML component library that styles native HTML elements and… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a…