Bamburgh Angular UI Kit with NGX Bootstrap PRO

Bamburgh Angular UI Kit with NGX Bootstrap PRO

This Ui Kit is powered by Angular 8, Angular CLI and Bootstrap 4.4.x. It’s easy to use and will surely help you build beautiful presentation websites for your project or company.

The Bamburgh Angular Ui Kit has over 350 widgets, custom-made components, pages and examples that will surely improve the aspect of your development efforts.

Just check out the live previews we’ve set up to see some of the features of this Ui Kit in action.

Initial release: January 21, 2020 Last updated: January 21, 2020 Changelog

? Perfect presentation websites

Use this premium ui kit to create beautiful, modern and fast presentation websites. It features the same beautiful design from Bamburgh UI Design System and integrates perfectly with our Bamburgh Angular admin dashboard template.

Make use of the included user pages to create the same exquisite experience across all areas of your project.

With the powerful codebase that we included you can virtually create unlimited landing pages, the easy way!


? Angular 8 Components

This premium ui kit comes with more than 90 example pages and 80+ Angular 8 widgets perfectly integrated together. It’s powered by Bootstrap and NGX Bootstrap, but with an improved visual design featuring an unique style and user experience. Use it for starting a new project or by adding the ui kit to an existing one.


? Up to date Angular dependencies

We have an in-house solution that helps us keep this ui kit in sync with it’s latest dependencies versions. We do periodic releases for bug fixes and dependencies updates. That being said, in terms of the technology stack used, it’s powered by Angular 8, Angular CLI and Angular Router.


? Premium Support

We want you to have an excellent experience using this premium Angular ui kit. That’s why we set up a complete documentation website that offers code examples for all live preview demo sections. Also, each section has an used dependencies list which will help you identify what 3rd party widget is used where.

UI Kit Details
Initial release
January 21, 2020
Last updated on
January 21, 2020
Angular pages
Angular widgets
Documentation files
View Documentation
Lifetime perpetual license
Access to updates (12 months)
Unlimited premium support requests(12 months)
Personal & Commercial use
Available licenses
View details

UI Kit Key Features

Curious about what features this UI Kit has to offer? Scroll no more, we've put together a list of features below.

Multiple user pages

Beautiful design

350+ components

80+ Angular widgets

Clean code

Dependencies updates

Extensive documentation

87 customized Angular widgets

With some help from our friends below, this UI Kit has exactly 87 widgets integrated with the same consistent design and UI style from Bamburgh UI Design System.

NGX Bootstrap Core

ngx-bootstrap is an Open Source (MIT Licensed) independent project with ongoing development made possible thanks to the support of our awesome backers.

NGX Bootstrap Buttons

There are two directives that can make a group of buttons behave like a set of checkboxes, radio buttons, or a hybrid where radio buttons can be unchecked.

NGX Bootstrap Collapse

Collapse component allows you to toggle content on your pages with a bit of JavaScript and some classes. Flexible component that utilizes a handful of classes for easy toggle behavior.

NGX Bootstrap Timepicker

A lightweight & configurable timepicker directive

NGX Bootstrap Typeahead

The easiest way to add the typeahead component to your app.

NGX Bootstrap Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel.

NGX Bootstrap Dropdown

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included dropdown directives.

NGX Bootstrap Datepicker

Datepicker is a highly configurable component that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges.

NGX Bootstrap Modal

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

NGX Bootstrap Pagination

Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

NGX Bootstrap Progress bar

Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

NGX Bootstrap Tabs

Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

NGX Bootstrap Popover

Add small overlay content, like those found in iOS, to any element for housing secondary information.

NGX Bootstrap Tooltip

Tooltips are an updated version, which don’t rely on images, use CSS3 for animations, and much more.

NGX Bootstrap Accordion

Displays collapsible content panels for presenting information in a limited amount of space

NGX Bootstrap Alert

Provides contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Bootstrap Core

Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.

ApexCharts for Angular

ng-apexcharts is a wrapper for apexcharts for angular. It introduces one simple component that enables you to use apexcharts in an angular project.

Apex Charts

A modern JavaScript charting library to build interactive charts and visualizations with simple API.

Perfect Scrollbar

Angular wrapper library for the Perfect Scrollbar

Ngx UI Switch

This is a simple iOS 7 style switch component for Angular.

NG2 File Upload

Easy to use Angular2 directives for files upload

NGX Dropzone for Angular

This is an Angular wrapper library for the Dropzone.

Formly Core

JSON powered / Dynamic forms in Angular

Formly Bootstrap

JSON powered / Dynamic forms in Angular


Create Angular powered stepper wizards.


A simple native WYSIWYG editor for Angular 6+, 7+, 8+. Rich Text editor component for Angular.

Angular Circle Progress

It is a simple circle progress component created for angular based only on SVG graphics and has various of options to customize it.

Angular Gauge Wrapper

A tiny angular 5.0+ wrapper for

Angular Circle Progress

A highly customizable Gauge component for Angular 6+ apps and dashboards. It provides many configurationable options to customize according to your needs.

Angular Ladda2 Buttons Loader

Angular buttons with built-in loading indicators.

Angular FullWidth Calendar

A calendar component for Angular 6.0+ that can display events on a month, week or day view.

NGX Slick Carousel

Angular 6+ wrapper for slick plugin

NG2 Charts

Beautiful charts for Angular2 based on Chart.js

Chart.js Annotations

This plugin draws lines and boxes on the chart area.

Chart.js Datalabels

Highly customizable Chart.js plugin that displays labels on data for any type of charts.


Simple yet flexible JavaScript charting for designers & developers

NGX Context Menu

A context menu built with Angular

Angular Component Development Kit

Angular Component Development Kit

Angular CountUp

Animates a numerical value by counting to it - for Angular

Dragula for Angular

Drag & Drop Dragula Widget for Angular

NG2 Table

Simple table extension with sorting, filtering, paging... for Angular2 apps

NG2 Smart Table

Angular Smart Data Table component

NG2 Completer

Auto complete component for Angular 2.

Angular Colorpicker

Native AngularJS Colorpicker widget.

NGX Clipboard

Copy content to clipboard in Angular applications easier

NG Select

Lightweight all in one UI Select, Multiselect and Autocomplete

NGX Autosize

Angular2+ directive that automatically adjusts textarea height to fit its content.

Angular noUiSlider

Angular2 nouislider component


noUiSlider is a lightweight JavaScript range slider.

Angular Flags Icons

flag-icon-css for Angular 2+

SVG Flags Icons

A collection of all country flags in SVG — plus the CSS for easier integration.

Angular Feather Icons

This package allows you to use the Feather Icons in your angular applications.

Angular FontAwesome Icons

Official Angular component for Font Awesome 5

Angular FontAwesome Icons Core

Official Angular component for Font Awesome 5


Ionicons is a completely open-source icon set with 700+ icons crafted for web, iOS, Android, and desktop apps

Pe7 Icons

A series of iOS 7 inspired vector icons.

Socicons Icons

All social icons available with this widget.

NG Spin Kit

SpinKit loading spinners for Angular 2+

NGX Skeleton Loader

Make beautiful, animated loading skeletons that automatically adapt to your Angular apps

Angular Progressbar Core

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

Angular Progressbar router module

A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!

NGX Spinner

A library for loading spinner specifically for Angular

Angular Google Maps

Angular Google Maps (AGM) Core - Angular 2+ Google Maps components

Angular SweetAlerts2 Notifications

Declarative, template-driven SweetAlert2 integration for Angular.

SweetAlerts2 Notifications

A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.

Angular Notifier

A well designed, fully animated, highly customizable, and easy-to-use notification library for your Angular 2+ application.

NGX Pagination for Angular

The simplest solution for pagination in Angular.

NGX Ratings for Angular

Minimal, light-weight Angular ratings.

Angular Infinite Scroll

Infinite Scroll Component for Angular.

Angular Elegant Trends Graphs

Simple, elegant sparklines for Angular.

Angular Tree Component

A simple yet powerful tree component for Angular.


Simple, fast generation of RFC4122 UUIDS.

Angular Tree Grid

Angular Tree Grid to show hierarchical data.

NGX Joyride

An Angular Tour (Joyride) library built entirely in Angular, without using any heavy external dependencies like Bootstrap or JQuery. From now on you can easily guide your users through your site showing them all the sections and features.

Hamburgers navigation buttons

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.

NGX Image Cropper

Image cropper for Angular.

Dual listbox

The angular-dual-listbox is an Angular 8 component that provides two lists controls side-by-side that allows items in one list to be selected and moved* to the other list via drag-and-drop and/or a button-based interface.

Input Mask

Adds formatting masks over inputs for better UX.

Angular Leaflet maps

Adds formatting masks over inputs for better UX.

Leaflet Maps

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps.

We value our customers

We try to resolve any issues you might have as soon as possible. We've set up a set of tools to help in your development endeavours.

Github Repository

Each UI Kit has a Github repo where we track changelogs, issues and suggestions. PRO UI Kits customers can request private Github access to say in sync with all our code commits.

Online Documentation

Bamburgh Angular UI Kit with NGX Bootstrap PRO has an extensive documentation available online which contains code examples for each section or component available in the live preview.

Support Tickets

You'll be up and running in no time, thanks to our detailed individual docs sections packed with explanations and code snippets.

Discord Channel

Say hello, ask for help or just chat. We have a Discord channel ready for that. Also, holders of a PRO license can ask for help with priority.

UI Kits Highlights

Below you'll find some features that makes Bamburgh Angular UI Kit with NGX Bootstrap PRO stand out from the crowd

SCSS Stylesheets

All Bamburgh Angular UI Kit with NGX Bootstrap PRO stylesheets are built with SCSS which makes it easy to customize and propagate variables changes across all included components.

Clean code

Each element, each component, each page has been carefully coded using the same consistent style and structure.

Modular architecture

We've split the assets architecture into a logical structure making it easy to remove or add components or pages.

Example pages

We've included in Bamburgh Angular UI Kit with NGX Bootstrap PRO examples pages & starter kits, that will boost you project start.

Icon fonts

Bamburgh Angular UI Kit with NGX Bootstrap PRO has at least 2 different font icons integrated. You'll have at least 2500+ icons at your disposal.

Easy to customise

To customize your project, use either the included CSS helper classes integrated in Bamburgh Angular UI Kit with NGX Bootstrap PRO or SCSS variables that can be compiled using the build tools.

Google fonts

You can easily change the included Google font to a different one, just by adding a line of code in your app head tag.

Consistent design

We use mainly two frameworks: Bootstrap 4 or Material Design. All elements and components are styled using the same design approach, the same color/spacing/size and the same common SCSS variables.


Bamburgh Angular UI Kit with NGX Bootstrap PRO is 100% compatible with whatever framework solution we chose for this template.

Fully responsive

We're mainly using Bootstrap 4 powerful responsive utilities, making our products perfectly adaptable to any screen size, desktops to mobiles.

Optimized assets

Performance is an important factor when serving website or apps to customers. We took great care and managed to obtain almost a perfect speed score for Bamburgh Angular UI Kit with NGX Bootstrap PRO.

Powerful documentation

Bamburgh Angular UI Kit with NGX Bootstrap PRO has a separate documentation which is available online and is packed with code examples, explanations and tutorials.

Purchase this UI Kit

Enjoy a perfectly crafted UI Kit that will surely improve your user interfaces, increase productivity and reduce development time.

Bamburgh Angular UI Kit with NGX Bootstrap PRO Developer License

Developer License

Best suited for individuals building personal or commercial, non-SaaS projects.

  • ** Developer License included
  • 6 months updates & support requests
  • Design source files
    (Photoshop, Sketch and/or Adobe XD)
  • Use the product in an end-product that is “sold”
    (eg. SaaS)
Bamburgh Angular UI Kit with NGX Bootstrap PRO Developer License

Developer + Designer License

Best suited for individuals who need the design source fields, to create, for example, prototypes or wireframes.

  • ** Developer License included
  • 12 months updates & support requests
  • Design source files
    (Photoshop, Sketch and/or Adobe XD)
  • Use the product in an end-product that is “sold”
    (eg. SaaS)
Bamburgh Angular UI Kit with NGX Bootstrap PRO Developer License

Enterprise License

Best suited for companies building end-products sold as software as a service.

  • ** Enterprise License included
  • 24 months updates & support requests
  • Design source files
    (Photoshop, Sketch and/or Adobe XD)
  • Use the product in an end-product that is “sold”
    (eg. SaaS)

** You can review the complete license terms for the Developer, Developer + Designer and Enterprise Licenses on the UiFort Licenses Details page.

All pricing plans include the following
Licenses details
  • Lifetime perpetual license
  • Updates & support requests (6 months - Developer; 12 months - Developer + Designer; 24 months - Enterprise)
  • Personal & Commercial use

Monthly Free Resources

Follow us on our social media accounts to stay up to date with design and frontend trends & freebies.

📬 Monthly Newsletter

Get interesting design and development resources and stay in touch with us - subscribe today! 👨🏼‍🏫

We promise not to spam your inbox. We also hate spam!