Courses & TutorialsProgramming
Awesome Aurelia Js – Massive Collection of Resources

Current Aurelia version
Table of Contents
- Aurelia
- TypeScript
- Aurelia in ES5
- Aurelia and Meteor
- 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
- Official Site
- Official Blog
- Official Documentation
- API Documentation
- Official Getting Started Guide
- Official GitHub Repo
- Rob Eisenberg on Twitter
Community
#aureliajs
hashtag on Twitter- Aurelia Forum on Discourse
- Gitter Channel
- Gitter Channel for Aurelia TypeScript
- Aurelia StackOverflow
- Aurelia AMA (Ask Me Anything)
- /r/Aureliajs Subreddit
- Aurelia on Google+
Experts on personal blogs
- Personal blog of Aurelia developer Matthew James Davis
- Personal blog on Aurelia dev / Developer Jeremy Danyow
- Personal blog on Aurelia dev / Developer Patrick Walters aka ‘PWKAD’
- Personal blog on Aurelia dev / Developer Ashley Grant
- Personal blog of Australian Front End / Aurelia Javascript Developer Dwayne Charrington
- Personal blog on Aurelia dev / Developer Don Wilcox aka ‘drdwilcox’
- Personal blog on Aurelia dev / Developer Michael Lambert
- Personal blog on Aurelia dev / Developer Sean Hunter
- Personal blog on Aurelia dev / Developer Paul van Bladel
- Personal blog on Aurelia dev / Developer Jason Sobell
- Rob Eisenberg’s other Blog
- Medium posts by Aurelia Core team member Erik Lieben
- Personal blog of Canadian developer Manuel Guilbault
- Personal blog of Canadian developer Jeremy Gonzalez
- Personal blog of German developer Katharina Bähr
- Personal blog of American developer Eric L. Anderson
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 Cheatsheet
Aurelia Tutorials
- Aurelia Value Converters
- Aurelia & Framework7 vs. Angular2 & Ionic2
- Aurelia-styleguide * A starting point for Aurelia development teams to provide consistency through best practices.
- Aurelia Tutorial | TutorialsPoint
Aurelia Podcasts
- 02.22.2016 No Fluff Just Stuff Podcast: Checking out Aurelia with Peter Pavlovich
- 02.18.2016 Program With Erik Podcast: The History Behind Aurelia with Rob Eisenberg
- 02.11.2016 Adventures in Angular Podcast: Aurelia with Rob Eisenberg
- 08.04.2015 Herding Code 203: Rob Eisenberg on Aurelia
- 06.02.2015 The Changelog #140: Aurelia, Durandal, and leaving AngularJS with Rob Eisenberg
- 02.02.2015 The Web Platform Podcast : 38: Aurelia.io
Aurelia Videos
- 02.20.2018 Aurelia For Beginners: The New Age JS Framework | Packt
- 01.04.2018 Tutorial Series of Aurelia | AureliaCasts
- 02.28.2017 Aurelia Web Development – Part 1 | Packt
- 05.04.2016 Brian Noyes | Aurelia Fundamentals on Pluralsight.com
- 03.08.2016 Discover Aurelia with CEO Rob Eisenberg
- 11.01.2016 Rob Eisenberg | Aurelia: Next Generation Web Apps | NDC {London}
- 12.16.2015 Ashley Grant on Custom Components in Aurelia | Dev Chat
- 12.10.2015 Jeremy Danyow on Binding | Readthesource 12
- 12.09.2015 Jakub Jedryszek | Aurelia * The next generation JavaScript framework you will love | SeattleCodeCamp
- 11.12.2015 Rob Eisenberg on Aurelia | DEVIntersection 2015 | Channel 9
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 }}
ES5
An ECMAScript language that includes structured, dynamic, functional, and prototype-based features.
ES5 General Resources
ES5 Seed Projects
- ahmedshuhel/nav-app-es5 Skeleton that sets up a standard aurelia navigation-style app just using ES5, Bower and RequireJS by @ahmedshuhel.
ES5 Examples
- aurelia-observer-patterns * Simple examples for different methods of implementing observer patterns in Aurelia
Meteor
Meteor is a full stack JavaScript platform which can use Aurelia as its front-end framework.
Meteor Seed Projects
- TsumiNa/meteor-aurelia Skeleton that allows Meteor to use Aurelia as the front-end by @TsumiNa.