A NativeScript CollectionView waterfall Plugin.
npm i --save @nativescript-community/ui-collectionview-waterfall


Downloads per month NPM Version

A NativeScript CollectionView waterfall Plugin.

Table of Contents


Run the following command from the root of your project:

ns plugin add @nativescript-community/ui-collectionview-waterfall


To install the plugin run:

import install from '@nativescript-community/ui-collectionview-waterfall';

then simply use the layoutStyle="waterfall" as a collectionview property

Demos and Development


To run the demos, you must clone this repo recursively.

git clone https://github.com/@nativescript-community/ui-collectionview-waterfall.git --recursive

Install Dependencies:

npm i # or 'yarn install' or 'pnpm install'

Interactive Menu:

To start the interactive menu, run npm start (or yarn start or pnpm start). This will list all of the commonly used scripts.


npm run build

npm run build.angular # or for Angular


npm run demo.[ng|react|svelte|vue].[ios|android]

npm run demo.svelte.ios # Example


If you have any questions/issues/comments please feel free to create an issue or start a conversation in the NativeScript Community Discord.