Angular Split screenshot

Angular Split

Author Avatar Theme by Angular split
Updated: 19 May 2025
901 Stars

Angular UI library to split views and allow dragging to resize areas using CSS grid layout.

Categories

Overview

The Angular Split npm package is a UI library designed for splitting views and enabling users to drag and resize areas using CSS flexbox layout. This package is useful for creating dynamic and interactive user interfaces in Angular applications. The library is maintained by Bram Borggreve as of 2020, with credits to its creator, Bertrand Gaillard, who maintained it from 2016 to 2019.

Features

  • Split Views: Allows splitting views into resizable areas.
  • Drag and Resize: Enables users to drag and resize the split areas.
  • CSS Flexbox Layout: Utilizes CSS flexbox layout for responsive design.
  • Interactive UI: Creates dynamic and interactive user interfaces.

Installation

To install the Angular Split npm package, you can use npm or yarn. Here is an example using npm:

npm install angular-split

Once installed, you can import the module into your Angular application like this:

import { AngularSplitModule } from 'angular-split';
@NgModule({
  declarations: [AppComponent],
  imports: [AngularSplitModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

Summary

The Angular Split npm package is a valuable tool for Angular developers looking to enhance their user interfaces with drag-and-resizable split views. By leveraging CSS flexbox layout, this library provides a flexible and interactive solution for building dynamic Angular applications. Its maintenance by Bram Borggreve ensures ongoing support and development for the library.