Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ButchersBoy/Dragablz
Dragable and tearable tab control for WPF
https://github.com/ButchersBoy/Dragablz
Last synced: 3 months ago
JSON representation
Dragable and tearable tab control for WPF
- Host: GitHub
- URL: https://github.com/ButchersBoy/Dragablz
- Owner: ButchersBoy
- License: mit
- Created: 2014-11-16T13:23:20.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2024-05-22T06:01:01.000Z (9 months ago)
- Last Synced: 2024-08-03T01:16:43.568Z (7 months ago)
- Language: C#
- Homepage: http://dragablz.net
- Size: 697 KB
- Stars: 2,180
- Watchers: 93
- Forks: 321
- Open Issues: 139
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- my-awesome - Dragablz - Dragable and tearable tab control for WPF (C#)
- awesome-wpf - Dragablz - (FREE, OPEN SOURCE) Tearable tab control for WPF, which includes docking, tool windows and MDI. (UI Controls / Individual Controls)
README

========
[](https://gitter.im/ButchersBoy/Dragablz?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[](http://www.nuget.org/packages/Dragablz/)
[](https://ci.appveyor.com/project/ButchersBoy/dragablz)
[](https://github.com/ButchersBoy/Dragablz/issues)
[](https://twitter.com/James_Willock)
## Tearable tab control for WPF, which includes docking, tool windows and MDI.
Illustrates basic theme, more themes at end of page
- Docs 'n' help 'n' stuff: [dragablz.net](http://dragablz.net/)
- NuGet details here: http://www.nuget.org/packages/Dragablz/
- You can criticise the developer here: [@James_Willock](https://twitter.com/James_Willock) or here: [[email protected]]
- No, seriously, please get involved and give me a ping with any questions/requests.## Minimal XAML:
XAML as simple as this will give you a tab the tears out (using the basic theme).
```xml
Hello World
We Have Tearable Tabs!
```
## Features:- Drag and tear tabs
- User friendly docking
- Floating tool windows & MDI
- Supports MVVM
- IE style transparent Windows
- Fully style-able, included styles:
- Basic
- MahApps: [demo](https://github.com/ButchersBoy/DragablzSamplez) | [theme](https://github.com/ButchersBoy/Dragablz/blob/master/Dragablz/Themes/MahApps.xaml) | [MahApps](https://github.com/MahApps/MahApps.Metro)
- Material Design: [tutorial](http://dragablz.net/2015/02/09/how-to-use-the-material-design-theme-with-dragablz-tab-controlgithub/) | [theme](https://github.com/ButchersBoy/Dragablz/blob/master/Dragablz/Themes/MaterialDesign.xaml) | [guidelines](https://www.google.com/design/spec/style/color.html#color-ui-color-application) | [Material Design in XAML Toolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit)
- Chrome style trapzoid tabs
- Custom (and optional) Window which supports transparency, resizing, snapping, full Window content.
- Miminal XAML required, but hooks provided for advanced control from client code
- Single light weight assembly targeting .net 4.* frameworks, no additional dependencies
- Demos in source (make sure you restore NuGet packages)## Want to say thanks?
* Hit the :star: Star :star: button
*## Getting Started:
Here are some helpful blog posts to help you get started:
- [Getting Started](http://dragablz.net/2014/11/18/getting-started-with-dragablz-tabablzcontrol/)
- [MDI](http://dragablz.net/2015/01/26/mdi-in-wpf-via-dragablz/)
- [MahApps Styles](http://dragablz.net/2015/01/06/dragablz-meets-mahapps/)
- [Material Design 1](http://dragablz.net/2015/02/09/how-to-use-the-material-design-theme-with-dragablz-tab-controlgithub/)
- [Material Design 2](http://dragablz.net/2015/02/25/material-design-in-xaml-mash-up/)## In the pipeline:
- Layout persistance and restore
- Extra themes## Some examples:
Material Design theme (see [Material Design in XAML Toolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit)):

Docking:

MDI:

MahApps theme:
