Skip to content

Latest commit

 

History

History

rive_app

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Animated App with Rive and Flutter

An application with interactive UI and animations, with custom UI components like Bottom TabBar and SideBar, and using animated assets from Rive.

Flutter + Rive UI Preview

👀 This is how it looks

flutter_rive_demo.mp4

📦 Packages used

  1. rive: To render and control the Rive assets.

🔤 Fonts used

  1. Inter-Regular.ttf
  2. Inter-SemiBold
  3. Poppins-Bold
Episodes
🔖 Topics Covered
• OnBoarding UI
• SignIn UI
• Using SignIn UI as custom modal with transition animation
• Using and controlling Rive assets for animation
• Some Rive topics like Artboard, State Machines, one-shot animation etc.
• Some flutter Widgets like RepaintBoundary, ImageFilter, AnimatedBuilder etc.
Flutter & Rive Tutorial - OnBoarding and SignIn UI Thumbnail
🔖 Topics Covered
• Custom Bottom TabBar with animated icons
• Home Screen UI
• Update screen based on active tab
Flutter & Rive Tutorial - Bottom Tab Bar & Home UI Thumbnail
🔖 Topics Covered
• Custom Side Menu UI with animated icons
• Combining Side Menu and other parts of UI with Home
• Presenting Side Menu & OnBoarding with animations as well as handling visibility of other UI elements
Flutter & Rive Tutorial - Side Menu and Wrap up Thumbnail

🌻 Motivation

This app is a full Flutter replication of this SwiftUI course by @MengTo.

🔗 Links