alxv2016 / android-landing

A clone of android 11 landing page

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Android 11 landing page

This is an unofficial redesign of the Android 11 landing page build from the ground up using gsap animation library and vanilla javascript. This was an exercise in learning how to setup a webpack project and to animate scroll base animations with gsap's Scroll Trigger.

Demo

You can view the demo here: Android 11

Take aways

  1. Learn how to setup Webpack 5 and it's configurations for starter project
  2. Learn how to animate with GSAP and GSAP's Scroll Trigger
  3. Create a template for simple static landing pages

Libraries used

To keep it lean only a handful of external libraries were used

  1. gsap - gsap
  2. splidejs - splidejs

Dev and Build scripts

npm run serve
npm run build

All images and assets/content are properties of google, I do not claim ownership and this landing page demo is for educational purposes.

About

A clone of android 11 landing page

License:MIT License


Languages

Language:HTML 42.5%Language:SCSS 38.2%Language:TypeScript 16.0%Language:JavaScript 3.2%Language:Shell 0.1%