Split.js is an unopinionated utilities for resizeable split views

Split.js is an unopinionated utilities for resizeable split views
Average rating: 0
(0 votes)

Thanks! You’ve rated this material!

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 float and flex layouts. Supports all browsers.
  • Split Grid – Successor to Split.js, for grid layouts. 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!

Rate this article, if you like it

Thanks! You’ve rated this material!

Got a project? Let's discuss it!

*By submitting this form you agree with our Privacy Policy.

Mailing & Legal Address

Syndicode Inc. 340 S Lemon Ave #3299, Walnut CA, 91789, USA

Visiting & Headquarters address
Kyiv Sofiivska 1/2a, 01001, Kyiv, Ukraine
Dnipro Hlinky 2, of. 1003, 49000, Dnipro, Ukraine
Email info@syndicode.com
Phone (+1) 9035021111