Sample apps with open source code

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.

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.

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.

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.

Architecture: Angular

The NativeScript UI for Angular sample app showcases every feature for every component in the suite. This is a great technical reference for those of you who want to get the most out of these professional UI components:

• ListView
• SideDrawer
• Chart
• Calendar
• Gauge
• AutoCompleteTextView
• DataForm
  

Architecture: NativeScript Core

The NativeScript UI for NativeScript Core (plain JavaScript) sample app showcases every feature for every component in the suite. This is a great technical reference for those of you who want to get the most out of these professional UI components:

• ListView
• SideDrawer
• Chart
• Calendar
• Gauge
• AutoCompleteTextView
• DataForm
  

Architecture: Angular

The NSDevDayEU application hosted the schedule and other important information for NativeScript Developer Day EU 2017.

Using the application, you can view the schedule, read about the sessions and learn about each speaker.

Architecture: Angular

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.