UI Lab

Small encapsulated component experiments by George Drury.

Timeline popover

A discrete countdown for a case management app with a popover that shows a rich interactive timeline of events.

Framer
Tailwind
React

Tooltip extra help

If the tooltip info isn't enough, how can a user get help?

Framer
Tailwind
React
Net Capital Activity

Form navigation

Navigation showing completed form sections

Framer
Tailwind
React
  • General information
  • Loan
  • Eligibility
  • Commitment
  • Wire instructions
  • Tax
  • Diligence
  • Confirm and sign

Spotlight reveal

Masking over an image to reveal the content underneath.

Framer
Tailwind
React
Radial Card

Media player

Small expandable media player

Tailwind
React
Cliffhanger by Lunch
Lunch – Hinge Date
01:24

Image weight

Recreating the image weight interaction from Recraft

Tailwind
React
33%
Image 1
33%
Image 2
33%
Image 3

Worktionary thumbnail

Animating image scale on hover

Tailwind
React
96 terms
Thumbnail
Prompt-to-code terms
By Vega