Sample apps with open source code

The NativeScript team provides three complete real-world app implementations. Each app shows how to implement common scenarios using NativeScript. You can also build your own application with our fully featured tutorials, available in JavaScript, and Angular architectures.

  • Examples NativeScript

    By NativeScript Team

    Examples NativeScript

    By NativeScript Team

    Architecture: NativeScript Core

    The “Examples NativeScript” sample shows how to build rich animations, as well as powerful graphs, charts, and lists with the NativeScript framework. This is a great reference app for those who prefer NativeScript Core architectures (non-Angular).

    The robust set of animations are all implemented in pure CSS. The graphs, charts, and lists are implemented with Progress® NativeScript® UI, available in both free and paid editions.

    This app is built with TypeScript. Each screen has a menu with options to view additional information about the screen as well as view the source code.

    </> View the source on Github
  • NativeScript Code Samples

    By NativeScript Team

    NativeScript Code Samples

    By NativeScript Team

    Architecture: Angular

    The NativeScript code samples application is an application containing 60+ examples of how to solve problems with NativeScript. All of the code is open source.

    You can get the source code of the application and start exploring the code there, or you can read the documentation articles associated with each of the examples. The application is also very useful as a NativeScript playground - use the source code as a starting point, then modify to fit your needs.

    It is very easy to contribute to the samples and we encourage you to contribute any samples you think that will be useful for other developers. If you need a sample that is missing, please open a new issue so that other member of the community can help you. We welcome contributions to this repository, details available on our contribution guide.

    All the samples have automated tests associated with them and you can be sure that they work with the latest NativeScript version.

    Currently, the samples are written around the specific APIs, but we will be adding more “complete scenarios” implemented out of the box. 

    </> View the source on Github
  • Groceries

    By NativeScript Team

    Groceries

    By NativeScript Team

    Architecture: Angular

    The Groceries sample shows how to incorporate both user management—including a login screen, registration, and password management—as well as an editable list of data for managing a grocery list. 

    The sample is built using NativeScript’s Angular integration, though you can learn how to build a version of this app from scratch using either our JavaScript getting started guide, or our TypeScript and Angular getting started guide

    </> View the source on Github
  • Plugins showcase

    By Eddy Verbruggen

    Plugins showcase

    By Eddy Verbruggen

    Architecture: Angular

    If you're wondering what a certain plugin looks like on a real device, and how it can be used to enhance your own app, then please go ahead and download the app. If you like it, check out the source code and copy-paste some snippets.

    There are 28 plugins implemented that take care of:
    • Feedback
    • Mapping
    • Speech
    • Input
    • App Icon
    • Augmented Reality

    This application can help you jump start your own application development by showing how to use the most popular NativeScript Plugins. Watch Eddy demo all 28 plugins on his NativeScript Developer Day EU 2017 plugins talk.

    </> View the source on Github
  • Groceries with Kinvey Back End Services

    By Kinvey Team

    Groceries with Kinvey Back End Services

    By Kinvey Team

    Groceries is the classing NativeScript-built iOS and Android app for managing grocery lists. This version is powered by the Kinvey Back End Services.

    If you'd like to learn more about how Kinvey works, browse the GitHub repository, the Kinvey NativeScript getting started section or browse the extensive Kinvey documentation.
    </> View the source on Github
  • P3's TicTacToe

    By Petri Niskanen

    P3's TicTacToe

    By Petri Niskanen

    Simple two player Tic Tac Toe game built with NativeScript, Angular 4 and TypeScript. The idea of this is to show you how an basic app is built with NativeScript. Full source code and documentation are available on GitHub.
    </> View the source on Github

Stay connected with NativeScript

NativeScript
NativeScript is licensed under the Apache 2.0 license .
© 2017 Progress Software Corporation. All Rights Reserved.