Docs Framework Developers Tools Support Enterprise Blogs ¼ Å Get Started

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

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

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 t 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 speci c APIs, but we will be adding
more “complete scenarios” implemented out of the box.

View the source on Github

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

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

NativeScript UI (Angular)
By Progress

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

View the source on Github

NativeScript UI (NativeScript
Core)
By Progress

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

View the source on Github

NSDevDayEU
By Rowdy Rabouw

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.

View the source on Github

P3's TicTacToe
By Petri Niskanen

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.

View the source on Github

FRAMEWORK DEVELOPERS TOOLS SUPPORT ENTERPRISE

Docs Playground CLI º

Stack Over ow º
Enterprise Support

Angular Integration Code Samples Sidekick FAQs CTO’s Guide

Vue.js Integration Books & Videos VS Code Slack Preferred Partners

Customer Showcases App Templates Plugins Professional Support Progress Kinvey º

Roadmap & Release GitHub º

NativeScript UI Contact Us
Notes

Blogs

Stay connected with NativeScript

Expect a newsletter every 4-8 weeks

Your e-mail Select country Subscribe

5,451,547 Star Recommend 18K Follow 72.2K followers

Sponsored by NativeScript is licensed under the Apache 2.0 license º

© 2019 Progress Software Corporation. All Rights Reserved. Privacy Center º