NativeScript UI

NativeScript UI contains fully featured charts, graphs, calendars, and other components to make great business applications. All components are fully customizable and available for unlimited use at no charge.

All components are built on top of native controls, giving you the native performance and user experience your users want.

See it in action

100% Free Professional-Grade UI Components

All components are built on top of native controls, giving you the native performance and user experience your users want.

Chart

Create beautiful and flexible charts with smooth interaction and zooming - area, line, pie, scatter and more.
More about Chart View on npm
ListView

Different layout modes. Pull to refresh. Native quality performance.
More about ListView View on npm
SideDrawer

Add additional space to your app. Use it for navigation or custom content. Slides in from all four sides of the screen.
More about SideDrawer View on npm
Calendar

Week, month and year views. Single, multiple and range date Selection. Special and disabled dates.
More about Calendar View on npm
DataForm

Display and edit data object's properties with standard or custom editors in a data fill-in form.
More about DataForm View on npm
Gauges

Show a key data point in an intuitive gauge format, with contextual bands for categorization.
More about Gauges View on npm
AutoComplete

Improve data entry speed and accuracy by triggering auto-completion for text entries.
More about AutoComplete View on npm

Test Drive NativeScript UI

Sure, you could begin your app with a blank canvas. You can also use our rich library of starter templates to build out your application. Choose from master-detail lists, card interfaces and other common mobile application UI patterns.

Examples NativeScript

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.