A scanning animation responsive for all sizes of screens, a client-first build.

Scanning Animation

A simple showcase that demonstrates how to add some interaction in the slider component to make the side stand out

Slider Standout

Event Landing page clonable
⦿  Fully responsive 
⦿  Client-first setup system
⦿  Advanced CMS implementation with Attribute by Finsweet 
⦿  Dynamic CMS filter
⦿  Tailwind styles system


This is a newly published tailwinds template recreation, you can find the original at https://tailwindui.com/templates/keynote




Tailwind Template Remake | CMS Filter /Attribute /Client First 

Anime AMV showcase

video hosted on Cloudinary

Inspired by Timothy Ricks(search on YT) 

Font: Road Rage

Anime Clip

A portfolio site from Webflow 21days challenge added some more animation.
Scroll to see the effect

Personal Portfolio

Every holiday season, Apple would launch this gift page. 

Used some on-scroll animation, hover to decrease the cover image opacity.

Feel free to clone this project

Apple Holiday website animation

Thinking Big -  Redesign

Punto Pago homepage designed by talent team Cuberto, https://dribbble.com/shots/10909896-PuntoPago-Branding

In this project, I did
1. Animated the counter number with some customed codes 
2. The animated button was 100% reproduced in webflow
3. Embedded the original video in iPhone mockup div. 
4. sticky blocks, auto-played animations, magnetic-feel buttons    

Couldn't make the map alive, need to discover some other tricks.

Punto Pago by Cuberto - remake

I built this website from a design by Zak Steele-Eklund from Studio VØR. *https://dribbble.com/studiovor*

Their illustrations and animations are fantastic, it's a happy experience to work on these beautiful ones.

Ye Shen

About

About