NgPopup

screenshot of NgPopup

[DEPRECATED] An Angular modaless dialog, without jQuery dependency , super easy to use, and has fully customized theme.

Overview

ngPopup is a lightweight modal-less dialog designed specifically for Angular applications. At just around 3kb gzipped, it’s an excellent choice for developers looking to incorporate a quick and efficient dialog solution without the overhead of jQuery. This tool boasts impressive customization features, allowing for full thematic control, which means you can tailor the dialog to match your application's style seamlessly.

With ngPopup, you benefit from two-way data binding for various dialog properties, such as width, height, and position. This interactivity ensures that the dialog adapts to your application's changing states, enhancing user experience. It’s particularly useful for those who want a clean, responsive design without complicating their Angular projects.

Features

  • Lightweight: Weighing in at approximately 3kb gzipped, ngPopup won’t bloat your application.
  • jQuery Free: Built specifically for Angular, it does not depend on jQuery, simplifying your dependencies.
  • Customizable Themes: Easily create a fully customized theme for the dialog to match your app’s aesthetic.
  • Two-way Binding Support: Supports two-way binding for key properties like position, width, height, and visibility, enhancing interactivity.
  • Draggable & Resizable: Users can move and resize the dialog, making it a flexible component for various user needs.
  • Simple Installation: Easily installable via Bower or NPM, with straightforward integration into your existing AngularJS app.
  • Gulp Integration: For development, use Gulp to manage builds and updates to your dialog themes efficiently.
gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.