NativeScript Theme Builder

A quick and easy way to generate NativeScript CSS-based color themes for your next cross-platform native mobile app.

Just want to use it? Go to nativescriptthemebuilder.com (it's free).

How Does it Work?

Use the provided visual tools to tweak colors, borders, fonts, and such. Once you are happy, click the "Download Theme" button to download the custom CSS file for your NativeScript app. Styles will be applied globally to both iOS and Android (except where noted).

NativeScript ships with a gorgeous default theme. This theme builder builds off of the default (light) theme. Therefore, you will need to apply the provided CSS file after you use one of the default themes. Specific instructions are provided when you download the theme.

Native Mobile App + CSS?

NativeScript uses a subset of CSS to style apps. Yes, the same CSS you've been using for web development. You can apply CSS to individual elements by id, classes, and types. Read more about styling with NativeScript here.

License

MIT

Shout Outs

• Ionic's CSS components made it possible to accurately simulate cross-platform UI elements in a web browser.
• Special thanks to the (now defunct) Ionic Theme Editor for site design inspiration.