Aurelia

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

Current Aurelia version¶

Aurelia
Official Resources
Community
Experts on personal blogs
Aurelia Tools
Seed Project
Aurelia Generators
Aurelia Cheatsheet
Aurelia Tutorials
- Aurelia Podcasts
- Aurelia Videos
- Aurelia Books
- Aurelia Articles
Material Design
Aurelia Plugins
Aurelia Implementation
Aurelia Custom Element
Aurelia Auth
Aurelia Libraries
Aurelia Examples
TypeScript
TypeScript General Resources
Seed Projects
Examples
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-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 3^rd 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-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¶

{{ help_add_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.

Contributing Guideline¶

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

Ensure your pull request adheres to the following guidelines:

Search previous suggestions before making a new one, as yours may be a duplicate.
If you just created something, wait at least a couple of weeks before submitting.
You should of course have read or used the thing you're submitting.
Make an individual pull request for each suggestion.
Use the following format: [name](link) * Description.
Keep descriptions short and simple, but descriptive.
Start the description with a capital and end with a full stop/period.
Check your spelling and grammar.
Make sure your text editor is set to remove trailing whitespace.
Link additions should be added to the bottom of the relevant section.
New categories or improvements to the existing categorization are welcome.
Pull requests should have a useful title and include a link to the package and why it should be included.

Thank you for your suggestions!

Updating your PR¶

A lot of times, making a PR adhere to the standards above can be difficult. If the maintainers notice anything that we'd like changed, we'll ask you to edit your PR before we merge it. There's no need to open a new PR, just edit the existing one. If you're not sure how to do that, here is a guide on the different ways you can update your PR so that we can merge it.