Split

Unopinionated utilities for resizeable split views.

• Zero Deps
• Tiny: Each is between 1-2kb gzipped.
• Fast: No overhead or attached window event listeners, uses pure CSS for resizing.
• Unopinionated: Only compute view sizes. Everything else is up to you.

Two utilities:

• Split.js - The original library, maintained since 2014, works with float and flex layouts. Supports all browsers.
• Split Grid - Successor to Split.js, for grid layouts. Supports modern browsers.

Two React wrappers:

• React Split - Thin wrapper component for Split.js.
• React Split Grid - Thin wrapper component for Split Grid.

Credits

Contributors

This project exists thanks to all the people who contribute. [Contribute]. <a href="https://github.com/nathancahill/split/graphs/contributors"><img src="https://opencollective.com/splitjs/contributors.svg?width=890&button=false" /></a>

Backers

Thank you to all our backers! 🙏 [Become a backer]

<a href="https://opencollective.com/splitjs#backers" target="_blank"><img src="https://opencollective.com/splitjs/backers.svg?width=890"></a>

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

<img src="https://i.imgur.com/29eVTCg.png" height="28px" alt="Sauce Labs">

<a href="https://opencollective.com/splitjs/sponsor/0/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/1/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/2/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/2/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/3/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/3/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/4/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/4/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/5/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/5/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/6/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/6/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/7/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/7/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/8/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/8/avatar.svg"></a> <a href="https://opencollective.com/splitjs/sponsor/9/website" target="_blank"><img src="https://opencollective.com/splitjs/sponsor/9/avatar.svg"></a>

Used By

• JSFiddle - Code playground
• Viz.js - Graphviz in your browser
• Perchance - Platform for creating and sharing random text generators
• Babylon.js Playground
• And many more. Submit a PR to list your project here.