Awesome

Awesome {N}

A curated list of awesome {N} resources, libraries, tools and applications

Inspired by the awesome list. Feel free to improve this list by contributing!

Table of Contents

• Resources
  • Official
  • Community
    • Bloggers
• Plugins
  • Interface
    • Visual Components
    • Utility Plugins
  • Integrations
    • Angular2
    • Mapping
    • Data
    • Authentication
    • Ads
    • Misc
  • Development
• Development Tools
  • IDE
• Research and Training
  • Articles
  • Talks
  • Tutorials
  • NativeScript Team Examples
  • Community Examples
  • Project Boilerplates
  • Books

<h3>NativeScript Ecosystem</h3>

Official

• Developer Docs - NativeScript Documentation.
• API Reference - NativeScript API.
• Roadmap - NativeScript Project Roadmap.
• Newsletter
• NativeScript Blog
• Upcoming Events
• FAQ - Frequently asked questions about NativeScript.
• Telerik Developer Digest - Software development articles from the Telerik Developer Network.

Community

• Request Slack Invite
• NativeScript StackOverflow
• NativeScript Infowrap
• NativeScript Snacks - Bite-sized videos and code snippets for learning purposes.
• NativeScript Rocks - Website containing many community resources maintained by Nathanael Anderson.

Bloggers

• Main NativeScript Bloggers
• NS Bloggers - Extensive list of NativeScript bloggers maintained by community.
• Peter Messenger - Senior developer at KipMcGrath Education Centres. Skilled Silverlight, Web and Mobile application developer.

<h3>Plugins</h3>

Interface

Visual Components

• Drawingpad - NativeScript plugin to provide a way to capture any drawing.
  • Maintainer: Brad Martin
• Snackbar - NativeScript plugin to provide the ability to play local and remote videos.
  • Maintainer: Brad Martin
• Video Player - NativeScript plugin to provide a Material Design CardView component.
  • Maintainer: Brad Martin
• Material Loading Indicator - NativeScript Material design activity indicator for iOS.
  • Maintainer: Nikolay Diyanov
• Material Card View - NativeScript plugin to provide a Material Design CardView component.
  • Maintainer: Brad Martin
• Dropdown Widget - NativeScript DropDown widget.
  • Maintainer: Peter Staev
• FAB - Material Design Floating Action Button for NativeScript apps.
  • Maintainer: Brad Martin
• Slides - NativeScript Slides for iOS and Android.
  • Maintainer: Josh Sommer
• Swipe Stack - NativeScript plugin for a swipeable stack of cards.
  • Maintainer: Brad Martin
• Custom Dialog - NativeScript plugin for iOS and Android that allows you to create custom dialog.
  • Maintainer: Vladimir Enchev
• Audio - NativeScript plugin to play and record audio files for Android and iOS.
  • Maintainer: Brad Martin
• Explosion Field - NativeScript plugin to create an exploding dust effect animation for Android {N} apps. Android Only
  • Maintainer: Brad Martin
• Collapsing Header - NativeScript Collapsing Header Plugin for Android & iOS.
  • Maintainer: Josh Sommer
• Twitter Bang - NativeScript plugin for Android to use native Twitter animation for the exploding heart. Android Only
  • Maintainer: Brad Martin
• Gridview Widget - NativeScript GridView widget.
  • Maintainer: Peter Staev
• Periscope Hearts - NativeScript plugin for Periscope's heart animation. Android Only
  • Maintainer: Brad Martin
• Loading Indicator - NativeScript plugin which overlays a loading indicator on the current page.
  • Maintainer: PocketSmith Org
• Statusbar - NativeScript plugin to change the style of the status bar.
  • Maintainer: Burke Holland
• Toast - A NativeScript Toast Plugin for Android and iOS apps.
  • Maintainer: Tobias Hennig
• Checkbox - Plugin to provide a native checkbox.
  • Maintainer: Brad Martin

Back to top

Utility Plugins

• Local Notifications - NativeScript plugin to easily schedule local notifications.
  • Maintainer: Eddie Verbruggen
• Insomnia - A plugin to make the screen not dim (and eventually lock the device).
  • Maintainer: Eddie Verbruggen
• Image Cropper - A nativescript image cropping plugin.
  • Maintainer: Brian Thurlow
• Image Picker - NativeScript plugin for Periscope's heart animation.
  • Maintainer: NativeScript Team
• Touch ID - Use the iOS fingerprint scanner in your {N} app. iOS Only
  • Maintainer: Eddie Verbruggen
• Facebook Rebound - NativeScript plugin to provide access to Facebook's Spring Animations. Android Only
  • Maintainer: Brad Martin
• DOM Emulation - A class of DOM based NativeScript functions.
  • Maintainer: Nathanael Anderson
• Bluetooth LE - NativeScript Bluetooth LE plugin.
  • Maintainer: Eddie Verbruggen
• Masked Input - A {N} masked input plugin for iOS and Android.
  • Maintainer: Brian Thurlow
• Screen Orientation - A NativeScript plugin to deal with Declarative UI and Screen Orientation.
  • Maintainer: Nathanael Anderson
• Pull To Refresh - NativeScript plugin to use Pull to Refresh on any view.
  • Maintainer: Brad Martin
• Push - Push plugin for NativeScript.
  • Maintainer: NativeScript Team
• Image Cache It - Image caching plugin for nativescript.
  • Maintainer: Osei Fortune
• WebView Crypto - Web Cryptography API using a hidden WebView.
  • Maintainer: Saul Shanabrook
• Barcode scanner - Plugin for scanning QR codes and barcodes in several formats.
  • Maintainer: Eddie Verbruggen

Back to top

Integration Plugins

Angular2

• Angular2 - NativeScript integration for Angular2.
  • Maintainer: NativeScript Team
• Font Icons - A simpler way to use font icons with NativeScript + Angular2..
  • Maintainer: Nathan Walker
• NG2 Magic - Magically turn your Angular2 web app into a NativeScript app.
  • Maintainer: Nathan Walker
• NG2 Paralax - NativeScript Angular2 parallax view component.
  • Maintainer: Josh Sommer
• NG2 Translate - Use ng2-translate with NativeScript + Angular2.
  • Maintainer: Nathan Walker
• ngrx Dev Tools - Implementation of a devtools monitor similar to those available in @ngrx/devtools for NativeScript.
  • Maintainer: Alexander Vakrilov

Mapping

• Google Maps SDK - A cross-platform (iOS & Android) Nativescript plugin for the Google Maps API.
  • Maintainer: dapriett
• Mapbox - Native OpenGL powered Maps, by Mapbox.
  • Maintainer: Eddie Verbruggen

Data

• Firebase - NativeScript Firebase plugin.
  • Maintainer: Eddie Verbruggen

Authentication

• Facebook - A NativeScript module providing Facebook login for Android and iOS.
  • Maintainer: Antonio Cueva Urraco
• Social Login - NativeScript module for social (token based) log-ins.
  • Maintainer: Marcel Kloubert

Advertising

• Google Mobile Ads SDK - Google Mobile Ads SDK for iOS and Android.
  • Maintainer: Nikolay Diyanov
• Google AdMob - NativeScript plugin to earn some precious 💰💰 with ads by Google AdMob.
  • Maintainer: Eddie Verbruggen

Misc

• Zendesk SDK - Zendesk SDK for NativeScript.
  • Maintainer: Steve McNiven-Scott

Development Plugins

• Icenium CLI - Command-Line Interface for Telerik AppBuilder.
  • Maintainer: Icenium Org
• Dev Babel - Babel support for NativeScript projects.
  • Maintainer: NativeScript Team
• TypeScript - TypeScript support for NativeScript projects.
  • Maintainer: NativeScript Team
• CoffeeScript - CoffeeScript support for NativeScript projects.
  • Maintainer: NativeScript Team
• xmlxsd - XML validation against XSD schema for NativeScript projects.
  • Maintainer: NativeScript Team
• Emulator Reload - Small gulp script will monitor the files of a NativeScript project and rebuild and reload the emulator.
  • Maintainer: Emil Öberg
• Hooks - Gives you an easier way to install hooks into NativeScript projects.
  • Maintainer: NativeScript Team
• Real Time LiveEdit - NativeScript Real Time LiveEdit Ability.
  • Maintainer: Nathanael Anderson
• Sass - SASS CSS pre-processor for NativeScript projects.
  • Maintainer: Todd Anglin
• Less - LESS CSS pre-processor for NativeScript projects.
  • Maintainer: NativeScript Team
• Jade - Jade support for NativeScript projects.
  • Maintainer: NativeScript Team

Back to top

<h3>Development Tools</h3>

IDE

• VSCode Extension - Telerik NativeScript extension for Visual Studio Code.
• NativeScript Atom Snippets - Snippets for all NativeScript UI components and some frequently used attributes..
• NG2 NativeScript Atom Snippets - Snippets for all NativeScript UI components for use with nativescript-angular.
• NativeScript VSCode Snippets - NativeScript XML Snippets for Visual Studio Code.
• NativeScript Sublime Snippets - Sublime {N}ativeScript Snippets.

Back to top

<h3> Research And Training</h3>

Articles

• Rob Lauer | 26-Jan-17 - Going Offline with NativeScript
• Rob Lauer | 19-Jan-17 - Adding Unit Tests to Your NativeScript App
• Nic Raboy | 28-Nov-16 - Working with XML Data in NativeScript Angular 2
• Nic Raboy | 21-Nov-16 - Working with RESTful Data in Angular 2 and NativeScript
• Rob Lauer | 16-Nov-16 - Platform-Specific Development with NativeScript
• Brad Martin | 19-Jan-16 - Using the Android Palette with NativeScript.
• Brad Martin | 28-Dec-15 - Use Google Cloud Messaging for Push Notifications with NativeScript.
• Sebastian Witalec | 11-Sept-15 - Adding Analytics to Your NativeScript App.
• Nikolay Diyanov | 28-Aug-15 - Deep-linking your NativeScript apps with iOS 9 User Activity.
• John Bristowe | 17-Aug-15 - Tracing NativeScript Applications.
• TJ VanToll | 28-Jul-15 - Using npm Modules and NativeScript Plugins.
• Nikolay Diyanov | 17-Jul-15 - How to analyze the app package and native visual UI tree.
• Jen Looper | 14-Jul-15 - Demystifying NativeScript Layouts.
• Hristo Borisov | 12-Jun-15 - Offline Support for Hybrid, Web and NativeScript Apps.
• Kamen Velikov | 19-May-15 - Enable HealthKit in your NativeScript application.
• TJ VanToll | 23-Mar-15 - Building Your Own NativeScript Modules for npm.
• Mihail Slavchev | 12-Jun-14 - Internals of the NativeScript Android runtime explained.
• TJ VanToll | 16-Feb-15 - TJ VanToll explains how NativeScript works.
• TJ VanToll | 22-May-15 - Linting JavaScript in NativeScript Apps.

Talks

• Burke Holland | 28-Dec-16 - This Is NativeScript
• Burke Holland and Todd Anglin at NativeScript Developer Day | 20-Sep-16 - Nativescript: Past, Present and Future
• TJ VanToll and Jen Looper | 20-Sep-16 - The Latest and Greatest in NativeScript
• Nathan Walker | 20-Sep-16 - Going Into Battle With NativeScript Angular: A Real World Case Study
• Mike Branstein at Music City Code | 19-Aug-16 - 6 Minute Apps: A Race Against Time.
• TJ VanToll at Summer of NativeScript | 08-Jul-16 - Summer of NativeScript—Beyond the Basics.
• Julian Steiner at ngBigParty II | 30-Mar-16 - Building mobile apps with Angular 2 and NativeScript.
• TJ VanToll and Jen Looper at Angular Air #56 | 01-Mar-16 - Is NativeScript the holy grail for mobile development?
• Sherman Chen at SingaporeJS | 21-Jan-16 - NativeScript: Building Native Mobile Apps with JavaScript.
• TJ VanToll at Summer of NativeScript | 28-Aug-15 - Summer of NativeScript—Diving Deep.
• TJ VanToll at TelerikNEXT | 11-Jun-15 - A Lap Around NativeScript.
• TJ VanToll at Summer of NativeScript | 10-Jun-15 - Summer of NativeScript—Welcome to NativeScript.
• Burke Holland at Fluent 2015 | 05-Jun-16 - Introducing NativeScript.
• Martin Keiblinger at ViennaJS | 14-Apr-16 - NativeScript to build native Apps with JavaScript.
• TJ VanToll and Jen Looper at NativeScript Jax | 14-Apr-16 - Sharing Code Between Web and Native Apps.
• Sebastian Witalec at Angular Connect | 21-Oct-15 - Building native mobile apps with Angular 2 0 and NativeScript​.
• Alex Vakrilov at NaticeScript Developer Day 2016 | 11-Okt-16 - Using Redux For Building Applications With NativeScript Angular.

Tutorials

• Mike Branstein | 18-Aug-16 - 8-chapter NativeScript workshop.
• Bradley Gore | 23-May-16 - Getting Cozy with NativeScript TabView.
• Bradley Gore | 23-May-16 - NativeScript Repeater with Swipe-to-Reveal Actions.
• Nathan Walker | 11-May-16 - Adding {N} to the Angular2 CLI with NaticeScript Magic.
• Burke Holland | 10-May-16 - Using Angular 2 Pipes and Event Emitters In NativeScript.
• Josh Sommer | 10-May-16 - Creating a simple draggable object with NativeScript.
• Bradley Gore | 05-May-16 - NativeScript Repeater - animated add/remove.
• Nic Raboy | 20-Apr-16 - Deploy A NativeScript App With A Pre Filled SQLite Database.
• Nic Raboy | 16-Apr-16 - Using Local Notifications In Your NativeScript Mobile App.
• Burke Holland | 15-Apr-16 - Using AppSettings Like Local Storage In NativeScript.
• Burke Holland | 15-Mar-16 - Performing Animations In NativeScript.
• Burke Holland | 14-Mar-16 - Using Sass and Less in NativeScript.
• Burke Holland | 11-Mar-16 - Debugging NativeScript Apps With Visual Studio Code.
• Burke Holland | 07-Mar-16 - NativeScript And Font Awesome.
• Burke Holland | 17-Feb-16 - Creating Custom XML Tags In NativeScript.
• Burke Holland | 12-Feb-16 - Styling NativeScript Apps.
• Burke Holland | 08-Feb-16 - Using Observable Arrays In NativeScript.
• Burke Holland | 28-Jan-16 - NativeScript Observables.
• Burke Holland | 27-Jan-16 - Getting And Setting Control Values In NativeScript.
• Burke Holland | 26-Jan-16 - Understanding Paths In NativeScript.
• Burke Holland | 25-Jan-16 - Using TypeScript With NativeScript.
• Nic Raboy | 25-Dec-15 - Create A Toast Notification In Android With NativeScript.
• Nic Raboy | 24-Dec-15 - Using The Device Camera In Your NativeScript Mobile App.
• Nic Raboy | 16-Dec-15 - Saving Data In Your NativeScript Mobile Application.

Back to top

NativeScript Team Examples

• Marketplace - NativeScript kitchen sink demo.
• Xpensity - Xpensity is a real life enterprise line of business application.
• Groceries - Groceries is a NativeScript-built iOS and Android app for managing grocery lists.
• Tasks - Open source cross-platform Tasks app built with NativeScript.
• TelerikNEXT - Open source cross-platform TelerikNEXT conference app built with NativeScript.
• Todo MVC - NativeScript + AngularJS TodoMVC example.

Community Examples

• Sqlite Example - Simple Example using SQLite in NativeScript.
• RSS Reader - Example of RSS Reader using NativeScript.
• Toast Example - An example application for the NativeScript Toast Plugin.
• LokiJS Example - An example application for the Loki NativeScript adapter.
• TabView Example - Short example of using NativeScript TabView.
• Animated Sidebar Menu - Create an animated sidebar menu without any external dependencies.
• PropertyCross Implementation - An example app for searching UK property listings build with Angular 2 + NativeScript.

Project Boilerplates

• Angular2 Seed Advanced - Angular2 + NativeScript with all the bells and whistles.

Books

• NativeScript in Action - Learn how to write truly native apps with NativeScript in Action from Manning Press.

Back to top

<h3>License</h3>