+ L to disable mesmerizing mode

Here I showcase my passion for creating user-centric web experiences with meticulous attention to detail and the latest technologies.

Scroll to see more

Drag & drop

This is an example of how smooth drag & drop can be implemented using framer-motion, using reorder group, tap and hover animation events.

We are draggable

Masonry layout & shared animation layout

The animated grid is a grid system that mimics the behavior of a Masonry layout, when the grid columns template is altered, the items smoothly transition to their new positions without flickering, based on a shared animation layout.

Paralax & SVG

This is an example of how we can animate any SVG element, and create a paralax effect using framer-motion

Animated SVG Path

Dealing with different animated shapes can easily be beaten by using SVG Path, you can have the full control over

More demos coming soon...

Typing...

+ U to open chat