Skip to content
0:00 / 0:00

#flutter#ui-design#animation

Credit Card App - Flutter UI - Speed Code (FLIPPABLE CARD - PART 1)

DevDesign

194 subscribers • 1 video on Hallway

YouTube
  • Recommended by 1 person: 1 in engineering communities.
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Intermediate. Assumes working knowledge.

5.2K views6 years ago1 recommendation

Mobile developmentFlutter and React Native

A speed-coding video demonstrating how to build a clean credit card application UI with flippable card animations in Flutter.

Clean UX/UI for Credit Card App built in #Flutter with flippable card. Build a clean Credit Card App #UI in Flutter following this speed code. This video covers the home screen and detail screen and basics animations and transitions. The part 2 covers the rest of animations and final touches for our Credit Card App. ► I'm using Rotato for the Intro: bit.ly/3eZtc4y ► Source Code: bit.ly/30MGIn1 ► Design Credit: bit.ly32VxLdV ► Libraries used: smooth_page_indicator: page indicator mccounting_text: animated numbers sliding_sheet: bottom sheet simple_animations: animations in general provider: state management 📌 Social Media: Github: github.com/gcostaapps Instagram: instagram.com/gcostaapps (portuguese) 📑 Contents: Intro Project Setup Home - Header Home - Balance Home - Card List Detail - Header Detail - Flippable Card Detail - Bottom Sheet Thanks for watching! Like and Subscribe for More! #speedcode This Flutter speed code is meant to be a flutter tutorial for beginners and intermediates on how to create clean UI design and UX design for flutter apps. This is a great way to learn how to create top flutter apps and to gather mobile app design inspirations for your android app development or ios app development. It also covers techniques of flutter responsive ui and graphic design, so your application will have an amazing ux and ui design. If you want to make an app that will be on top of best android apps or best ios apps you must care with great UI and UX. Please, feel free to suggest other app design inspirations to be on videos. If you like other types of tutorial or content also feel free to suggest on the comment sections below. If you like the video please like it and subscribe to the DevDesign channel to learn flutter design and animations.

Why it's here

1 person recommends this

What people say. Recommended as a visual guide for building polished credit card UI animations in Flutter.

u/gcostaappsin r/FlutterDev • Recommends

Credit Card - Flutter UI