Takeoff: A Free Google Primer-Styled Landing Page Template

Open Source Resources This post may contain affiliate links. If you buy something we get a small commission at no extra charge to you. (read more)

Hong Kong creative agency Brew recently published a free mobile app landing page named Takeoff. It’s based on the landing page for Google Primer which uses custom animations and fixed scrolling.

The full download can be found on GitHub with all source code plus a sample layout. Developers can write in Sass or edit direct CSS. Everything is managed through raw JavaScript and it’s a super easy template to work with.

Takeoff is a great free-range non-dependency template which gained some notoriety on Product Hunt.

takeoff landing page

Notably the animations are key for this design because they truly replicate Primer’s webpage.

You’ll find CSS styles for everything from call-to-action buttons and logo placements. Page typography is also custom-styled and there’s a free iPhone UI preview for mobile app developers.

Brew primarily develops JavaScript apps with Meteor but is known for releasing great resources on their GitHub page. Takeoff is just one of many resources they’ve published for free as open source webdev tools.

If you’re building a mobile app or designing an app landing page check out Takeoff and see what you think. It’s highly customizable and fits well with any digital product.


Author: Jaime Morrison

Jaime is a jr. designer interested in mobile UI/UX research and frontend web development with JavaScript frameworks. He covers general news and useful resources in the web design space.