by farfromrefuge | v1.1.0
A blurview plugin
npm i --save nativescript-blurview

NativeScript Blurview widget

npm downloads npm downloads npm

A NativeScript BlurView widget.


Run the following command from the root of your project:

tns plugin add nativescript-blurview

This command automatically installs the necessary files, as well as stores nativescript-blurview as a dependency in your project's package.json file.


There is no additional configuration needed!



You need to add xmlns:gv="nativescript-blurview" to your page tag, and then simply use <gv:BlurView/> in order to add the widget to your page.

<!-- test-page.xml -->
<Page xmlns="" xmlns:gv="nativescript-blurview" loaded="pageLoaded">
<GridLayout rows="" columns="">
<Image src="" id="bgimage" stretch="aspectFill" />


This repository includes both Angular and plain NativeScript demos. In order to run those execute the following in your shell:

$ git clone
$ cd nativescript-blurview
$ npm install
$ npm run demo-ios

This will run the plain NativeScript demo project on iOS. If you want to run it on Android simply use the -android instead of the -ios sufix.