Animated LaunchView with Lottie

Check out the video

This is part 6 of the Movies Speed Code Series. Add Animated LaunchView to your NativeScript app using the latest NativeScript 8 and Angular 12 boot option features. Spice things up even further by adding Lottie to your LaunchView.

Spring Animation with Popmotion

Check out the video

This is part 5 of the Movies Speed Code Series. Add Spring Animations to your App using Popmotion (the technology that powers FramerMotion).

Dynamic Styling with NGXS

Check out the video

This is part 4 of the Movies Speed Code Series. Re-style your app by using utility classes that is configured via CSS variables and NGXS for the app’s config state management.You can add your own styles for the movies app by updating the styles file in the Movies App API Repo.

Search and Filter

Check out the Video

This is part 3 of the Movies App UI Speed Code series. The app is built with Nativescript and Angular. The video adds 2 new bottomsheets using Nativescript 8's new RootLayout and some new UI components.

Drawers and Bottomsheets

Check out the Video

This is part 2 of the Movies App UI Speed Code series. The app is built with Nativescript and Angular. The video adds animations to the existing UI and adds a drawer and bottomsheet component along with some fun transitions.

Page and Layout

Check out the Video

This is a Movies App UI Concept built in NativeScript and Angular. The Movies App has 2 pages - home (with a list of movies grouped into different categories) and details (with details about the movie).