https://github.com/nathancahill/split

Unopinionated utilities for resizeable split views
https://github.com/nathancahill/split

css flexbox split split-layout tiny

Last synced: 12 days ago
JSON representation

Unopinionated utilities for resizeable split views

• Host: GitHub
• URL: https://github.com/nathancahill/split
• Owner: nathancahill
• License: mit
• Created: 2015-08-29T02:50:58.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2024-05-06T16:27:16.000Z (6 months ago)
• Last Synced: 2024-08-04T00:07:38.644Z (3 months ago)
• Topics: css, flexbox, split, split-layout, tiny
• Language: JavaScript
• Homepage: https://split.js.org/
• Size: 2.69 MB
• Stars: 6,075
• Watchers: 75
• Forks: 451
• Open Issues: 171
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Authors: AUTHORS.md

Awesome Lists containing this project

• awesome - split - Unopinionated utilities for resizeable split views (JavaScript)

README

        
# Split [![CI](https://img.shields.io/circleci/project/github/nathancahill/split/master.svg)](https://circleci.com/gh/nathancahill/split) ![Dependencies](https://img.shields.io/badge/dependencies-0-brightgreen) [![Backers on Open Collective](https://opencollective.com/splitjs/backers/badge.svg)](https://opencollective.com/splitjs/) [![Sponsors on Open Collective](https://opencollective.com/splitjs/sponsors/badge.svg)](https://opencollective.com/splitjs/)

> 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](https://github.com/nathancahill/split/tree/master/packages/splitjs)** - The original library, maintained since 2014, works with `float` and `flex` layouts. Supports all browsers.

-   **[Split Grid](https://github.com/nathancahill/split/tree/master/packages/split-grid)** - Successor to Split.js, for `grid` layouts. Supports modern browsers.

Two React wrappers:

-   **[React Split](https://github.com/nathancahill/split/tree/master/packages/react-split)** - Thin wrapper component for Split.js.

-   **[React Split Grid](https://github.com/nathancahill/split/tree/master/packages/react-split-grid)** - Thin wrapper component for Split Grid.

## Credits

### Contributors

This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].



### Backers

Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/splitjs#backer)]



### Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/splitjs#sponsor)]

[](https://saucelabs.com)





















### Used By

-   [JSFiddle](https://jsfiddle.net/) - Code playground

-   [Viz.js](http://viz-js.com/) - Graphviz in your browser

-   [Perchance](https://perchance.org/welcome) - Platform for creating and sharing random text generators

-   [Babylon.js Playground](https://www.babylonjs-playground.com/)

-   And many more. Submit a PR to list your project here.