There is a quote that ‘the computer was born to solve problems that did not exist before’. And now we have a huge range of new tools that appear every day. To be honest, for solving those issues that didn’t exist before… However, one of these new tools we’re talking about is a new JS tool that handles weird edge cases so you don’t have to. Split.js is an unopinionated utilities for resizeable split views.
Split.js is a2kb unopinionated utility for resizeable split views (also called panes or frames). Split.js is CSS-driven, only using JS to recalculate CSS styles on drag. Split.js does not attach any window event listeners, instead relying on CSS for the layout when the window size changes. This keeps the JS overhead extremely low.
- 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.
It has two utilities:
- Split.js – The original library, works with
flexlayouts. Supports all browsers.
- Split Grid – Successor to Split.js, for
gridlayouts. Supports modern browsers.
And two React wrappers:
- React Split – Thin wrapper component for Split.js.
- React Split Grid – Thin wrapper component for Split Grid.
Read here more.
We think you will be also interested in the JS Fest 2019 conference program that was just recently announced! Welcome to Kyiv everyone!