Courses & Tutorials Programming

Awesome Aurelia Js – Massive Collection of Resources

admin December 23, 2020

0 17 8 minutes read

Awesome Aurelia JavaScript Resources List

Spread the love

A curated list of amazingly awesome Aurelia libraries, resources and shiny things.

Current Aurelia version

Aurelia
TypeScript
Aurelia in ES5
- Seed Projects
- Examples
Aurelia and Meteor
- Seed Projects
Contributing

Aurelia

Aurelia is a next gen JavaScript client framework for mobile, desktop and web that leverages simple conventions to empower your creativity.

Official Resources

Community

Experts on personal blogs

Aurelia Tools

Chrome Extension * This tool is called “Aurelia Inspector”
vscode-extension * An Aurelia extension for the VS Code editor that provides HTML syntax highlighting, statement completion and CLI integration.
vscode-aurelia-snippets * HTML, JavaScript and TypeScript snippets for VSCode
aurelia-update * Update all aurelia dependencies easily.
aurelia-template-lint * Sanity check of Aurelia-flavor template HTML
atom-aurelia-snippets * JavaScript and TypeScript snippets for atom
aurelia-installer * CLI for managing Aurelia components and vendor libs
aurelia-debugger * Visual debug tool for Aurelia

Seed Project

Beginner kits * Houses the beginner getting started started kits for ES 2016 and TypeScript.
TypeScript + Webpack Starter Kit * A minimal Aurelia starter kit written in TypeScript and built using webpack.
{{ add_your_repo }}

Aurelia Generators

zewa666/generator-aurelia Yeoman generator for the JavaScript Framework Aurelia by @zewa666
kristianmandrup/generator-aurelia-ts Turbo Start generator for Aurelia apps by @kristianmandrup

Aurelia Books

Aurelia for Real World Applications by Dwayne Charrington (Dec 2018, 174 pages)
Mastering Aurelia Store By Dwayne Charrington (last updated Nov 2018)
Aurelia in Action By Sean Hunter (Aug 2018, 432 pages)
Hands-On Full Stack Web Development with Aurelia By Diego Argüelles & Erikson Murrugarra (June 2018, 348 pages)
Practical App Development with Aurelia by Matthew Duffield (March 2018)
Practical Aurelia by Behzad Abbasi (behzad888) (March 2018, 137 pages)
Learning Aurelia by Manuel Guilbault (Dec 2016, 292 pages)
Beginning Aurelia by Behzad Abbasi (behzad888) (July 2016, 218 pages)
Aurelia App Amazement By Kristian Mandrup (2016)

Aurelia Articles

Authorization in Aurelia using CASL * by Sergii Stotskyi (stalniy)

Material Design

Official Aurelia Material Design (Github)
aurelia-mdl
aurelia-material
aurelia-mdl-plugin * Material Design Lite plugin for Aurelia
{{ add_your_repo }}

Aurelia Plugins

aurelia-auth * Token-based authentication plugin for aurelia
aurelia-computed * A plugin for Aurelia to observe computed properties without dirty-checking
aurelia-i18n {official} * A plugin that provides i18n support
aurelia-ui-virtualization {official} * A plugin that provides a virtualized repeater and other virtualization services
aurelia-bs-grid * Aurelia and Bootstrap powered datagrid control
aurelia-polymer * Aurelia plugin to support Polymer
aurelia-google-maps * A highly configurable custom element for use in your Aurelia applications for inserting Google Maps into your application
webpack-plugin {official} * A plugin for webpack that enables bundling Aurelia applications
aurelia-cycle * An Aurelia plugin that enables the use of Cycle.js inside of Aurelia
aurelia-kendoui-bridge * Aurelia and KendoUI integration
aurelia-long-click-event * Add delegate/trigger capabilities for long click.
aurelia-react-loader * Load React components directly from Aurelia views
aurelia-validatejs {official} * Enables expressive validation using decorators and/or a fluent API.
aurelia-view-pipeline * A plugin for loading any Markdown into custom element
aurelia-routed-footer * An Aurelia plugin which adds the ability to control footer content via the router
aurelia-api {ES6/TS/Webpack} * A wrapper around aurelia-fetch-client for multiple endpoints
aurelia-authentication {ES6/TS/Webpack} * Authentication plugin for aurelia with aurelia-api support.
aurelia-orm {ES6/TS/Webpack} * Makes working with entities and calling your Rest API simple.
aurelia-notification {ES6/TS/Webpack} * Automatically translated notifications utilizing humane.js and i18n
aurelia-binding-loader * An Aurelia loader for using any module directly from a view template
aurelia-dragula * An ES2015 port of the Dragula library, targeted at the Aurelia Framework
aurelia-breeze * Everything you need to use Breeze with Aurelia
aurelia-bootstrap-datepicker * An aurelia port for bootstrap-datepicker
Aurelia-Configuration * Smart configuration for your Aurelia applications.
aurelia-environment * aurelia-environment provides simple .env parsing and loading
aurelia-firebase * A Firebase plugin for Aurelia
aurelia-flux * Flux dispatcher plugin for Aurelia
aurelia-grid * A fresh Aurelia Grid written in TypeScript based charlespockert’s Aurelia BS Grid
aurelia-google-analytics * An Aurelia.io plugin that adds Google Analytics page tracking to your project.
aurelia-knockout * A Knockout plugin for Aurelia
aurelia-leaflet * Leaflet Plugin for Aurelia
aurelia-notify * A notification plugin for Aurelia
aurelia-rethink-bindtable * Aurelia bind table integration for RethinkDB via Socket.io
aurelia-sails-socket-client * A simple, restful, message-based wrapper around sails.io client
aurelia-switch * An aurelia optimised switchButton
aurelia-yt-player * Aurelia plugin for Youtube player API
abalmus/aurelia-ace-editor * Aurelia ace editor plugin
Tseberechts/aurelia-place-picker * A place picker inspired by the Autocomplete places with Aurelia
treacherous-aurelia * An Aurelia plugin for the treacherous validation system
aurelia-filter * A plugin for aurelia to populate search/filter criteria. Works well with aurelia-orm
aurelia-charts * Graphs plugin for aurelia. Supports all libraries
aurelia-view-manager * A view manager for aurelia plugins. Add support for overriding views, and multiple frameworks
aurelia-resize * aurelia plugin to observe DOM-element resize events
aurelia-keyboard-plugin * Simple keyboard plugin for aurelia
aurelia-ui-framework * A bespoke UI Framework built on Aurelia for desktop business application
aurelia-tags-input * An aurelia tags input plugin
aurelia-formio * A dynamic JSON Form Renderer and Form Builder – See Example
aurelia-swipeout * A custom element for iOS style swipeout actions – Demo
aurelia-split-pane * A custom element for resizable split panes – Demo
aurelia-bootstrap-plugins * A set of plugins to bridge with 3rd party Bootstrap addons – Demo
aurelia-slickgrid * Slickgrid the best javascript datagrid for performance & customization is now available in Aurelia – Demo
casl-aurelia * Permissions management plugin which allows to integrate Aurelia and CASL
aurelia-json-schema-form * A completely customizable plugin to dynamically generate forms & validate them based on JSON schema
aurelia-highlightjs * An Aurelia custom element for highlight.js
aurelia-fontawesome * Aurelia component for Font Awesome 5.
aurelia-kis-oidc * An Aurelia plugin that encapsulates oidc-client-js library.
aurelia-telemetry
{{ add_your_repo }}

Aurelia Implementation

aurelia-animator-tinyanimate * Implementation of the Aurelia base animator using TinyAnimate
sukobuto/aurelia-tinymce-sample * Sample app with Aurelia and TinyMCE
stamp-web/stamp-web-aurelia * Next Generation Stamp Web Editor written in Aurelio with Bootstrap
aurelia-tabs * A dependency free tabs component for your Aurelia applications. Allows you to toggle between sections of content, with supports for dynamically composing views with optional data
aurelia-flickr-ts-memo-game * Match the pairs type of game written with Aurelia in TypeScript using Flickr
aurelia-datatable * A 100% aurelia based data table component http://aurelia-datatable.spoonx.org

Aurelia Custom Element

aurelia-v-grid * aurelia-v-grid
aurelia-leaflet * A Leaflet CustomElement for Aurelia
aurelia-chart * A chart element for aurelia which is powered by chart js using html5 canvas
aurelia-toolbelt * A set of components for bootstrap4, it also includes other components and value converters.
ag-grid-aurelia * The Aurelia Component for use with ag-Grid, an advanced data grid/data table – Demo

Aurelia Auth

sentry * An Aurelia template with a built in authentication shell
aurelia-authentication-loopback-sample * Aurelia client sample with aurelia-authentication and loopback server (ES6/TS+jspm, ES6+webpack)
aurelia-identityserver-aspnetcore * Sample integrating aurelia with identityserver 4 and docker
casl-aurelia-example * Example applilcation of authorization in Aurelia app using CASL.

Aurelia Libraries

pollyfils * The minimal set of polyfills needed to run Aurelia
aurelia-sails-socket-client * A simple, restful, message-based wrapper around sails.io client
aurelia-bundler * A library for bundling JavaScript, HTML and CSS for use with SystemJS
{{ add_your_repo }}

Aurelia Examples

jdanyow/aurelia-breeze-northwind * A Northwind demo using Aurelia and Breeze by @jdanyow.
jdanyow/aurelia-solitaire * Klondike solitaire built with Aurelia and dragula.
discosultan/aurelia-minesweeper * Classic Minesweeper game built with Aurelia by @discosultan.
aurelia-webapi-example * An example WebAPI written with C# and Aurelia
michaelbull/aurelia-hacker-news * A recreation of the Hacker News website written in TypeScript and built using Aurelia, with webpack as a module bundler.
Built with Aurelia * Showcase of examples created by the Aurelia community.

Aurelia + Electron Examples

aurelia-electron-webpack * A basic boilerplate to build Electron apps with Aurelia, Typescript, and Webpack.
AureliaElectronHappiness * Sample application that shows how to combine TypeScript, VSCode and Electron.
electron-aurelia-example * An example desktop application written with Electron and Aurelia.

TypeScript

TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

TypeScript General Resources

TypeScript Official Website for TypeScript
REPL Official TypeScript REPL that runs entirely in your browser
TypeScript Repository (GitHub) Official GitHub Repo for TypeScript
DefinitelyTyped Repository (GitHub) The repository for high quality TypeScript type definitions.
TSD TypeScript Definition manager for DefinitelyTyped

Typescript Seed Projects

Aurelia Typescript * A starter kit for working with the Aurelia TypeScript type definitions by @cmichaelgraham
aurelia-axel * As a Visual Studio TypeScript and C# developer building web-based, spatial information systems targeting a variety of platforms that leverage ESRI and SQL Server, I want a starter kit so that I can rapidly build implementations
aurelia-axel-northwind * As a user, I want a walk through of creating a web app from the aurelia-axel starter kit, based of a familiar database (Northwind)
aurelia-skeleton-navigation-gulp-typescript * Aurelia navigation skeleton implemented with Gulp and Typescript
aurelia-chrome-extension-seed * Aurelia chrome extension seed
{{ add_your_repo }}