brillout/awesome-angular-components brillout/awesome-angular-components

  • Stars
    star
    3,236
  • Rank 13,864 (Top 0.3 %)
  • Language
  • License
    Creative Commons ...
  • Created almost 8 years ago
  • Updated almost 3 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
brillout/awesome-angular-components
github

brillout

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Catalog of Angular 2+ Components & Libraries

Angular 2+ Components & Libraries


Contents





UI Components

Overlay

Overlay / modal / alert / dialog / lightbox / popup

Notification

Toaster / snackbar β€” Notify the user with a modeless temporary little popup

  • angular2-toaster - Angular2-toaster is an asynchronous, non-blocking Angular2 Toaster Notification library.
  • ng2-toasty - Angular2 Toasty component shows growl-style alerts and messages for your app.
  • ng2-notifications - Angular 2 Component for Native Push Notifications.
  • ngx-toastr - Angular 2 toastr.
  • @ngrx/notify - Web Notifications Powered by RxJS for Angular.
  • angular2-notifications - A light and easy to use notifications library for Angular 2. It features both regular page notifications (toasts) and push notifications.
  • angular-notifier - A well designed, fully animated, highly customizable, and easy-to-use notification library for your Angular 2+ application.
  • ng2-toastr - Bootstrap style toast for modern angular (v2.0.0 and above).
Popover

Show a little dialog next to an element

Table

Table / Data Grid β€” Display (large) datasets

Tree

Visualize data as a tree

  • angular2-tree-component - A simple yet powerful tree component for Angular2.
  • ng2-tree - Angular2 component for visualizing data that can be naturally represented as a tree.
Loading / Progress Indicators

Let the user know that something is being loaded

Menu

Menu / sidebar

Charts
Map
List Virtualization
Infinite Scroll
Parallax

Parallax effect while scrolling

Scrollbar

Replace the browser scrollbar with a custom one

Carousel

Carousel / touch slider / swiper

Sticky

Implementations similar to position: sticky

  • @ngui/sticky - Angular2 "position: sticky" implementation as a directive.
Context Menu
Time

Display time / date / age

Audio / Video
SVG
  • ng-inline-svg - Angular 2+ directive for inserting an SVG file inline within an element.
Social Sharing
PDF
Miscellaneous

Form

Let the user create & edit data

Date Picker

Time Picker / Datetime Picker

Color Picker
Slider

Let the user choose a value from a given range

Select

Let the user choose from a list of options

  • ng2-select - Angular2 based replacement for select boxes.
  • angular2-select - A native angular 2 select component (based on select2).
Autocomplete

Autosuggest / autocomplete / typeahead

Type Select

Let the user select a tag / something while typing

Drag and Drop
  • ng2-dragula - Simple drag and drop with dragula.
  • ng2-dnd - Angular 2 Drag-and-Drop without dependencies.
  • ng-drag-drop - Angular 4 Drag & Drop based on HTML5 with no external dependencies.
Sortable List

Let the user define an order on a list

Masked Input
Rich Text Editor
File Upload
Autosize Input / Textarea
  • angular2-autosize - Angular2-autosize is an Angular2 directive that automatically adjusts textarea height to fit content.
Calendar

Show & edit events in a calendar view

Image Editing

Image manipulation

UI Layout

Layout the overall / main view

  • angular2-grid - A grid-based drag/drop/resize directive plugin for Angular 2.
  • ng2-fullpage - Angular 2 fullpage scrolling.
  • angular-split - Angular (2+) UI library to split views.
  • ngresizable - Simple, tree-shakable, AoT, Universal and Web Worker friendly resizable component for Angular
Responsive

UI Frameworks

Responsive

Set of components + responsive layout system

Component Collections

Set of components without layout system

  • @angular/material - Official Material Design components for Angular.
  • primeng - UI Components for Angular 2.
  • ng-lightning - Native Angular 2 components & directives for Lightning Design System.
  • angular2-mdl - Angular 2 components, directives and styles based on material design lite.
  • fuel-ui - UI Components for use with Angular2 and Bootstrap4.
  • igniteui-angular2 - Ignite UI directives for Angular 2.
  • md2 - Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
  • igniteui-js-blocks - Mobile-first Angular native components.
  • devextreme-angular - Angular 2 UI and visualization components based on DevExtreme widgets.
  • ng-zorro-antd - An enterprise-class UI components based on Ant Design and Angular.

Mobile

  • ionic2 - Build amazing native and progressive web apps with Angular and open web technologies. One app running on everything.
  • angular2-onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Admin panel

Admin panels / dashboard

  • ngx-admin - Admin template based on Nebular framework (Angular 4+, Bootstrap 4+).

Isomorphic Apps

Server-side rendering

  • angular-ssr - Angular 4+ server-side rendering solution
  • @ng-seed/universal - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Material Design & Flexbox, Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, @ngrx/store, config, cache, i18n, SEO, angulartics2 and TSLint/codelyzer.

Code Structure

Improve overall design of the source code

Data Management

Data flow / data store / data flow

Communication with Server

Code Style

Improve readability of the source code

  • codelyzer - Linting for Angular projects.
  • babel-plugin-angular2-annotations - A babel transformer plugin for Angular 2 annotations.
  • redux-decorators - A ridiculously good syntax for working with Redux using decorators in ES7 / TypeScript. Currently limited to Angular 2 but could potentially be used elsewhere.
  • angular-tslint-rules - Shared TSLint & codelyzer rules to enforce a consistent code style for Angular development.

Utilities

Pipes
  • angular-pipes - Useful pipes for Angular.
  • ngx-pipes - Useful pipes for Angular 2 and beyond with no external dependencies.
  • ng-pipes - Bunch of useful pipes for Angular2 (with no external dependencies!).
  • angular2-linky - Linky pipe for angular2.
Form

Utilities to help create HTML forms

Animations
  • ng-animate - πŸŒ™ A collection of cool, reusable and flexible animations for Angular 4.2+
API

Utilities to consume APIs

Authentication
  • ng2-ui-auth - An angular2 repository for authentication based on angular1's satellizer.
  • angular2-token - Token based authentication service for Angular2 (ng2) with multi-user support. Works best with the devise token auth gem for Rails.
  • angular-oauth2-oidc - Support for OAuth 2 and OpenId Connect (OIDC) in Angular.
  • angular-oauth2 - AngularJS OAuth2.
  • @ngx-auth/core - Authentication utility for Angular.
Event Handling
  • ng-click-outside - Angular 2+ directive for handling click events outside of an element.
Scroll
Responsive Design
  • ng2-responsive - Superset of RESPONSIVE DIRECTIVES to show or hide items according to the size of the device screen and another features in Angular 2.
Persistence
  • angular2-localstorage - Angular2 decorator to save and restore variables/class properties to HTML5 LocalStorage automatically.
  • ng2-webstorage - Localstorage and sessionstorage manager - angular2 service.
  • angular-safeguard - Wrapper around cookies/sessionStorage/localStorage for angular2. If all are unavailable will use an in memory storage.
  • @ngx-cache/core - Cache utility for Angular.
Cookie

Cookie manipulation

  • angular2-cookie - Implementation of Angular 1.x $cookies service to Angular 2.
Routing
  • ng2-breadcrumb - This is an angular 2 component that creates a breadcrumb trail. It hooks into the angular2/router, to dynamically build up the crumb trail once a component is routed to.
  • ng2-page-transition - Simple Angular2 component to create a page transition animation on route changes.
  • @ngx-i18n-router/core - Route internationalization utility for Angular.
Pagination
Validation
i18n

Internationalization / L10n / localization / translation

Logging
Asset management

Utilities for building / bundling / loading assets

Meta Tags

Set meta tags, <title>, children of

  • ng2-meta - Dynamic meta tags and SEO in Angular2.
  • @ngx-meta/core - Dynamic page title & meta tags utility for Angular (w/server-side rendering).
Clipboard

Copy & paste text to clipboard

Angular 1 -> Angular 2 Migration
  • ng-metadata - Angular 2 decorators and utils for Angular 1.x.
  • angular2-now - Angular 2 @Component syntax for Angular 1 apps.
Documentation
  • compodoc - The missing documentation tool for your Angular application.
IoT

Internet of Things

Product Tour

Performance

Reduce amount of time the user has to wait in order to interact with the app

Lazy Load

Integrations

Integrate with services or other frameworks

Dev Tools

  • @compodoc/ngd-cli - View the dependencies tree of you Angular2 application.
  • angular-playground - A drop in app module for working on Angular components in isolation (Angular version 2.x and above).
  • @ngrx/store-devtools - Developer Tools for @ngrx/store.
  • angular2-prettyjson - Angular 2 debug output of objects. Contains a pipe similar to JsonPipe but adds support for spacing and handling of circular structures.
  • Augury - Angular 2 development tools for Chrome.
  • angular-webpack-config - Shared Webpack config for Angular development.

Starter Kit

Boilerplate / scaffold / Yeoman generator / stack ensemble / seed

  • @angular/cli - Official CLI tool for Angular.
  • test-angular-seed-project - A simple starter Angular2 project.
  • poke-try-harder - Extensible Angular 2 Starter using TypeScript (Updated to 2.4.3).
  • generator-ng-fullstack - Client, server or fullstack - it's up to you. ng-fullstack gives you the best of the latest: Node, Go, http/2, Angular 1, Angular 2, Express, MongoDB, Gulp, Babel, Typescript and much more.
  • generator-angular2 - A Yeoman Generator to create Angular2 apps right now.
  • generator-ng2-webpack - An opinionated tool for scaffolding an app using angular2 and webpack.
  • generator-modern-web-dev - A Yeoman generator for Modern Web development projects.
  • generator-gulp-angular2 - Yeoman generator for Angular2 + Gulp, base on angular2-seed and generator-gulp-angular.
  • asaf-test - Get started building an Angular library quickly.
  • @manekinekko/angular-library-starter - A Minimalist Starter for Angular (v2+) libraries (w/ AOT support).
  • angular2-webpack-starter - An Angular Starter kit featuring Angular 2 and Angular 4 (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript 2, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack 2 by @AngularClass.
  • angular2-universal-starter - Enjoy Server Side rendering and Web Workers in your Angular2 Application.
  • angular-seed - Extensible, reliable and modular starter project for Angular 2 (and beyond) with statically typed build and AoT compilation.
  • clarity-seed - This is a repository for a seed project that includes Clarity Design System's dependencies.
  • Angular 2 Webpack - A complete, yet simple, starter for Angular 2 using webpack
  • Colmena CMS - Free and Open Source API and Admin powered by LoopBack and Angular.
  • @ng-seed/universal - Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Material Design & Flexbox, Webpack, dev/prod modes, DLLs, AoT compilation, HMR, SCSS compilation, lazy loading, @ngrx/store, config, cache, i18n, SEO, angulartics2 and TSLint/codelyzer.

More Repositories

1

awesome-react-components

Curated List of React Components & Libraries.
37,355
star
2

telefunc

Remote Functions. Instead of API.
TypeScript
649
star
3

awesome-redux

Catalog of Redux Libraries & Learning Material
374
star
4

wildcard-api

Functions as API.
JavaScript
367
star
5

awesome-universal-rendering

Awesome resources about server side sendering (SSR), static rendering, pre-rendering, static site generators (SSG).
339
star
6

vite-plugin-mdx

Vite Plugin for MDX
TypeScript
112
star
7

react-streaming

React 18 Streaming. Full-fledged & Easy.
TypeScript
106
star
8

goldpage

Page Builder.
JavaScript
57
star
9

awesome-web-apps

Curated List of Web Apps
56
star
10

timer-tab

Source code of Timer Tab
JavaScript
48
star
11

forge-sha256

SHA-256 implementation extracted from digitalbazaar/forge
JavaScript
44
star
12

clocktab

Source code of Clock Tab.
JavaScript
34
star
13

gulp-jspm

gulp plugin to build assets loaded with jspm/SystemJS
JavaScript
34
star
14

awesome-frontend-libraries

Catalog of Frontend UI Libraires
34
star
15

awesome-vue-refactor

A curated list of awesome things related to Vue.js
33
star
16

vike

Build Your Own Framework.
TypeScript
31
star
17

json-serializer

Same as JSON but with added support for Date, undefined, NaN, Infinity, RegExp and more.
JavaScript
25
star
18

parcel-ssr

SSR tool. Tiny yet powerful. Based on Parcel.
JavaScript
15
star
19

extendable-error-class

Extend the Error Class with ES2015/ES5/Babel, i.e. fix for `class MyError extends Error{}`
JavaScript
14
star
20

test-javascript-hash-implementations

Javascript hash implementations tested for speed. Including SHA-256, MD5, CRC32, SHA3, BLAKE2S
JavaScript
12
star
21

proto-db

JavaScript Object as Database.
JavaScript
11
star
22

vite-plugin-server-entry

Handles the server entry.
TypeScript
8
star
23

promise-serial

Run promises in series
JavaScript
8
star
24

vike-with-vercel

JavaScript
8
star
25

docpress

TypeScript
8
star
26

vite-plugin-ssr_windi-css

Example of using vite-plugin-ssr with Windi CSS
JavaScript
7
star
27

build-worker

Build your Cloudflare Workers with esbuild.
JavaScript
7
star
28

vite-to-vike

Add SSR/SSG to an existing Vite app.
JavaScript
7
star
29

reprop

A JavaScript library to manage the logics of views
JavaScript
6
star
30

vps-deno

Example of using vite-plugin-ssr with Deno
JavaScript
6
star
31

vite-plugin-ssr_tailwind-css

JavaScript
6
star
32

html

Generate HTML documents.
JavaScript
6
star
33

FasterWeb

Proposal to reduce loading time of library code on the web
5
star
34

libraries

Curated list of library lists
5
star
35

research

5
star
36

fetch

WHATWG Fetch for the browser and Node.js
JavaScript
5
star
37

esm-cjs-interop-playground

JavaScript
4
star
38

vite-plugin-ssr_react-europe_talk

vite-plugin-ssr talk
JavaScript
4
star
39

timerlog

A small utility to measure and log time
JavaScript
4
star
40

stem

TypeScript
4
star
41

vite-plugin-ssr_vercel_build-output-api

JavaScript
4
star
42

vike-with-svelte

JavaScript
4
star
43

import

TypeScript
3
star
44

vite-plugin-ssr-vuetify

JavaScript
3
star
45

url-props

Fully-featured URL parsing, for Node.js & Browser.
JavaScript
3
star
46

vike-react-router

JavaScript
3
star
47

vps_prerender-worker

JavaScript
3
star
48

vike-with-solid-ssr

TypeScript
3
star
49

stem-react

React renderer for vite-plugin-ssr
TypeScript
3
star
50

part-regex

Create a RegExp by defining some parts with strings and other parts with RegExp.
TypeScript
3
star
51

website-dependency-tree

Retrieve the Dependency Tree of a Website
JavaScript
3
star
52

vite-framework

Example of a framework built on top of Vite + vite-plugin-ssr
TypeScript
3
star
53

vike-with-redux

JavaScript
3
star
54

test-e2e

TypeScript
2
star
55

cloudflare-workers-react-18-streaming

Example of using React 18 SSR Streaming on Cloudflare Workers
JavaScript
2
star
56

vike-with-redux_minimal-example

JavaScript
2
star
57

eject

TypeScript
2
star
58

vite-plugin-ssr_vue-router

JavaScript
2
star
59

goldpage-react-express-starter

πŸš€ Starter to create a full-stack app: Interactive Frontend (React) + SSR (Goldpage) + Server (Node.js, Express).
JavaScript
2
star
60

vite-3-react-18-ssr-streaming

JavaScript
2
star
61

libframe

TypeScript
2
star
62

libassert

Tiny zero-dependency tool for library authors to create assertion functions with clean strack traces.
TypeScript
2
star
63

wildcard-intercept

Library to intercept Wildcard API calls.
JavaScript
2
star
64

tab-utils

Utilities for Clock Tab and Timer Tab
TypeScript
2
star
65

set-text-dimensions

set block of text dimension to a given width and height
JavaScript
2
star
66

vps-mui

TypeScript
2
star
67

vike-preact-server-routing

JavaScript
2
star
68

vike-with-solid-spa

TypeScript
2
star
69

find

Find a file among your project files.
JavaScript
2
star
70

get-parent-dirname

Get the path of the directory of the parent module.
JavaScript
2
star
71

clean-sentence

Clean a sentence from missing first letter upper case, trailing dot and/or remove URLs, emojis, white space doublets.
JavaScript
2
star
72

vite-config-json

TypeScript
2
star
73

free-emailing

Free emailing including custom domain and programmatic API
2
star
74

mdocs

Utility to create documentation for programming libraries with markdown.
JavaScript
2
star
75

vite-plugin-ssr_vercel-2022-02

JavaScript
2
star
76

trace-logs

Trace console.logS in Node.js to know from which file they come from
JavaScript
2
star
77

npm-download-count

Retrieve package's number of downloads in a period of time
JavaScript
2
star
78

vps-framework

JavaScript
2
star
79

nuxt-telefunc

TypeScript
1
star
80

pnpm-vue-demo

1
star
81

restack

TypeScript
1
star
82

require-shim

JavaScript
1
star
83

mini-assert

a mini(malistic) assertion library for both the Browser and Node.js
JavaScript
1
star
84

get-user-dir

For libraries to get the directory of the user's code
JavaScript
1
star
85

framework-builder

TypeScript
1
star
86

telefunc-vercel

JavaScript
1
star
87

submodule-init

TypeScript
1
star
88

vite-webpack

TypeScript
1
star
89

vite-pr-12030-reprod

CSS
1
star
90

release-me

Publish your npm packages.
TypeScript
1
star
91

vps-mdi

TypeScript
1
star
92

jspm-plugin-audio

JSPM Audio Plugin
JavaScript
1
star
93

vite-swc

JavaScript
1
star
94

vike-with-urql

TypeScript
1
star
95

vike-react-simple

JavaScript
1
star
96

github-action-matrix-with-js

JavaScript
1
star
97

vps-babel-bug

JavaScript
1
star
98

vps_import.meta.hot

JavaScript
1
star
99

vps-reprod-308

TypeScript
1
star
100

node-mini-log

mini(malistic) logs
JavaScript
1
star