The History of Everything

Source Code Now Available

Guido Rosso
Dec 27, 2018 · 2 min read

Over the last three months, we’ve been working with Google to create an app that showcases the raw horsepower that Flutter has at its disposal. We wanted to create a real-world app that wasn’t just a demo. It needed to demonstrate not only how powerful Flutter apps are, but also how they enable developers and designers to create completely custom experiences on top of native design mechanisms. For us at 2Dimensions, it was also a unique opportunity to show off some compelling graphics built with our brand new design tool, Flare.

The app we designed and developed is the History of Everything, which uses some fancy scrolling mechanisms to allow the user to scroll and zoom the timeline, dynamically showing/hiding animated historic events as the available space allows. We use Flutter’s ScrollPhysics and GestureDetector to make scrolling feel native on both iOS and Android. This is built into a custom widget, where we’ve added additional view and zoom abilities. This allows the user to navigate through the timeline in a way that feels totally natural on their device, yet also adds elements of playfulness that are unique to this experience. This is what we love about working with Flutter, and all of this is done with a single codebase.

The inspiration for this concept came from The History and Future of Everything YouTube video, one of our favorites from the Kurzgesagt channel. If you’re not familiar with Kurzgesagt, they make beautiful videos with stunning animations, using concepts that tie together science, history, and art. This quote from Kurzgesagt sums it up well:

We create beautiful videos to share our passion for knowledge. We value quality over quantity, always. Nothing in the universe is boring if you tell a good story.

Our app was first revealed at the Flutter Live event on December 4, earlier this month. You can watch Filip Hráček show off the app in the video below during the keynote presentation.

The app has been available since December 4 in the iOS App Store and on Google Play.

Today we are releasing the source code on GitHub! Feel free to take it for a spin and poke around, and please let us know if you have any questions or comments. All the animations are available as public files on our site. We hope this will serve as a great example for both the Flutter and the Flare communities!

Rive

News, tips, and insights on our real-time animation tools.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store