Webflow Experiments

Mouse Trail

An interactive mouse trail effect using p5.js. The mouse trail disappears after a while.

Speed Scroll Challenge

A fun speed scroll challenge, set-up your best record and challenge others.

Page Loader

Page reveal / loader animation using gif which shows the background as revealed.

Kinetic Typography

Kinetic Typography exploration with P5.js

Magnifying Glass on Hover

Image Focused Animation

This website is build as a challenge set by Suz Sirunyan as her interaction challenge in LinkedIn. We took this challenge and created image focused interaction with webflow aniamtion.

Image Sequence Animation

In this we have used image sequence to make mouse hover based 3D looking animation, we have used steps keyframes to move around the frame as we move our mouse cursor.

Checkmate - Image overlap on hover

This website is build as a challenge set by Suz Sirunyan as her interaction challenge in LinkedIn. Saurabh Chakradhari (Everything Flow) took this challenge and created mouse movement image pattern overlap animation, this was achieved using clip-path and little JS

GridType

Recreation of Jennifer Seward's generative typography project called GridType. Each grid cell features a different typeface, and as the number of grid cells decreases, the typefaces converge, ultimately revealing a single typeface by the end.

Gigalypes Text Animation

This website is build as a challenge set by Suz Sirunyan as her interaction challenge in LinkedIn. We took this challenge and created this in webflow with help of GSAP.

Heart SVG Animation

A simple page reveal with svg path animation and gif animation

Drag and Draw

This website is build as a challenge set by Suz Sirunyan as her interaction challenge in LinkedIn. Rajashri Brahma (Everything Flow) took this challenge and created a drag and draw using p5.js.

Boids - Cohesion

A brief exploration of cohesion in a boid simulation, where it acts as the "glue" that draws each boid toward the center of its nearby peers, creating natural, fluid movement akin to bird flocks or fish schools. Created using p5.js.

Geometric Stripes Hover Animation

This website is build as a challenge set by Suz Sirunyan as her interaction challenge in LinkedIn. Saurabh Chakradhari (Everything Flow) took this challenge and created mouse movement animation with striped base background creating an illusion of background being sticky on one place. Animation is achieved by Webflow native animation