My tinkering across UI, interaction, software, and everything else!

Fifa World Cup Bracket

The is the UX of how google represented the knockout fixtures of the FIFA World Cup 2026. I liked the thought and execution, this is my attempt to replicate it. Have made personal customization here.

  • motion
  • typescript
  • web
  • interaction

Ripple text

Text formed by character, ripples on mouse hover and click events

  • motion
  • typescript
  • canvas
  • interaction

Mark logo

A little whimsy interaction I did for my project mark. (hover on it)

Check out
  • motion
  • typescript
  • web
  • interaction

Buttons

A collection of buttons with a personality.

Check out
  • style
  • motion
  • interaction

Glowing browser edges

Glowing browser edges animation inspired by siri apple intelligence update in io18. (For best experience, toggle fullscreen and view the interaction)

  • webgl
  • shaders
  • typescript
  • interaction
  • canvas

Input text under gravity

Input text falls under gravity as sand particles when you type and hit enter

  • motion
  • typescript
  • web
  • interaction
  • canvas

Theme switcher

A theme switcher that mimics the sunset and sunrise. The sun sets and the moon comes up behind it

  • motion
  • typescript
  • web
  • interaction

Hello Bezier

A text animation to show how pen tool is used in figma

  • motion
  • typescript
  • web
  • interaction

Mini Music Player

A spotify mini player from the arc browser. Best suited to work on desktop devices only.

  • motion
  • typescript
  • web
  • svg

Aura

A prototype to extract colors used in the image

Check out
  • motion
  • interaction
  • colors

Chill Guy Cutomizer

Chill Guy Cutomizer is a tool that allows you to customize the look of the Chill Guy character.

  • canvas
  • typescript
  • web
  • app