Craft

A creative space for exploring interaction design.

  • A portrait that cycles through LEGO, Minecraft and Roblox and melts back to the real photo along a cursor trail.

    Loading component...
  • A photo cut into brightness bands and rebuilt out of tiny stamped glyphs.

    Loading component...
  • A word on a badge tearing itself apart, built from DOM clones and the Web Animations API.

    Loading component...
  • A letter cut into a grid of tiles, each slipping on its own wave.

    Loading component...
  • A word trailing into light — two hundred copies of itself, accumulated per-pixel in a shader.

    Loading component...
  • A note assembled from real torn-paper magazine cutout letters.

    Loading component...
  • The Nextjs Dev Tools Badge comes in two states— collapsed and expanded. The expanded state only appears when there are errors in the application.

    Loading component...
  • Stagger text animations with Motion and Tailwind for expressive UI.

    Loading component...
  • Interaction built using shared layout animations from Motion.

    Loading component...
  • Recreating the dynamic setting component from uilabs.dev.

    Loading component...
  • An card displaying real-time visitor information.

    Loading component...
  • An interactive carousel component that reveals content with a swipe gesture.

    Loading component...