Splitter is a simple, customizable jQuery split layout plugin that enables the users to quickly resize layout items by dragging the splitter bar. Easy Split Layout Plugin For jQuery - Splitter Basic Split Layout In Vanilla JavaScript – SplitterBarĪ responsive split layout plugin in vanilla JavaScript that allows you to adjust the width of the split panels by dragging the splitter bar.ħ. Resizable Split Layout In Pure JavaScript – Resizable.jsĪ pure JavaScript library to create a resizable split layout where you can adjust the size of each ‘Window’ via drag and drop or touch events.Ħ. Enhanced Draggable Splitter jQuery Plugin - enhsplitter.jsĪ feature-rich jQuery plugin for creating draggable splitters (also known as split layout or split view) to separate content on your webpage.ĥ. Lightweight Customizable jQuery Split Layout Plugin - flexLayoutĪ lightweight and highly customizable jQuery plugin used for generating a horizontal or vertical split layout with any number of resizable content sections.Ĥ. Draggable Panes Splitter Plugin - jQuery GranitĪ fully configurable split layout plugin to split your webpage into several panes which are resizable via drag and drop.ģ. Modern Split View In JavaScript – Split.jsĪ lightweight vanilla JavaScript library used to create resizable split views that support CSS float, flexbox, and Grid layouts.Ģ. Originally Published Nov 24 2020, up dated 1.

In this post, we round-up the 7 best jQuery plugins and Vanilla JavaScript splitter plugins that make it easier to implement a draggable and resizable split view on the web app. It is useful for developers to create a resizable & draggable split view in which they can test how their website works at different screen resolutions.

Users can quickly adjust the size (width or height) of the panes by dragging the divider.

Resize Me! var basic = new Ext.Splitter (also known as split view) is a type of layout that splits your container into side-by-side panes with a divider.

Resizable javascript