finds.dev← search

// the find

MarcinusX/flutter_ui_challenge_flight_search

★ 1,003 · Dart · MIT · updated Jul 2021

An advanced UI design implemented in Flutter

A solo 'UI challenge' project that recreates a Behance flight-search animation design pixel-for-pixel in Flutter. It's not an app or a library, it's a reference implementation for anyone trying to figure out how to build a specific kind of complex, staggered UI animation in Flutter.

The animation code itself is genuinely useful to read: custom page transitions in fade_route.dart, staggered entrance animations for the ticket cards, and an animated plane icon that follows a path on the price tab. Widgets are split into focused files (price_tab/, ticket_page/) instead of one 2000-line main.dart, so it's easy to isolate the one animation technique you actually want to steal. The accompanying blog post walks through the build process, which matters more than the code for a repo like this.

Last commit is from mid-2021, predates Flutter null safety becoming mandatory, so it won't build on a current SDK without migration work. All data is hardcoded, there's no API call anywhere, so 'flight search' is purely cosmetic and you can't learn anything about handling real async state or errors from it. No state management (no Provider/Bloc/Riverpod), everything lives in StatefulWidget setState, which is fine for a demo but not a pattern worth copying into a real app. Zero test coverage beyond the generated widget_test.dart stub.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →