A

anishfn

Fullstack Engineer

Command Palette

Search for a command to run...

iPad Widget Portfolio

Portfolio inspired by iOS widget layouts

iPad Widget Portfolio

about

Most portfolios read like a résumé on a webpage. I wanted mine to be the first thing it shows off, so I rebuilt it as an iPad home screen.

Projects and contact info live inside glassy, interactive widgets that respond to hover, tap, and drag, turning the portfolio itself into a demo of what I can build.

It pushes Framer Motion well past the basics: gesture-driven physics, shared-layout transitions between cards, and depth managed through layered backdrop blur.

The hard part was making it hold up everywhere: the grid is fully responsive, keeps widget proportions believable on every screen size, and stays at 60fps even on mid-range devices.

the hard part

The hard part was making gesture physics and shared-layout transitions hold 60fps on mid-range devices while keeping widget proportions believable across every screen size.

highlights

  • iOS-style widget grid with realistic depth
  • Gesture-driven hover and drag physics
  • Shared-layout transitions between widgets
  • Responsive grid that preserves widget ratios
  • Layered backdrop blur for material feel
  • Tuned for 60fps on mid-range devices

built with

ReactNext.jsTailwind CSSFramer MotionLucide Icons