11 interaction studies

Craft

Small interface experiments where I study motion, depth, layout, and interaction by rebuilding ideas that catch my attention.

Waving Flag

Cut a flag into columns, stagger the motion, and it starts to look like cloth.

Turn plain text into a configurable LED matrix, one Tailwind layer at a time.

How a flat shadcn button becomes a Clerk-like control, one Tailwind class at a time.

We will break the down the approach of building this effect .

In this craft, we will create a testimonial card that flips on clicks and shows the testimonial.

In this craft, I share my learnings about 3D CSS by creating a 3D Flippy Cards animation and some maths behind it.

In this craft, I share my learnings about creating a ribbon at corner of card.

In this craft, I share my learnings about 3D CSS and create a 3D ATM Card with help of VanillaCSS and TailwindCSS.

Build a Rubik cube in Tailwind v4, one face at a time, then drag it.

We will break the down the approach of building this effect .

We will break the down the approach of building this effect .