Design Engineer

What makes UI feel right.

8 lessons

  1. Glow Cards

    Interactive CSS-only glow effect cards that track the pointer position using custom properties.

  2. Instant Tooltip Succession

    Something native UIs get right that most web tooltips don't.

  3. border-style: dashed

    Why CSS dashed borders fall short and how to build precise, fadeable dotted lines with repeating-linear-gradient.

  4. Dice button

    A dice button animated with CSS 3D Transforms.

  5. Shadow Borders

    Make UI surfaces feel sharper and more dimensional.

  6. Hit Area

    Why hover states flicker between elements, and how to fix it, WCAG 2.5.8

  7. Direction-Aware Navigation

    How to build the Aave navigation menu in Radix UI.

  8. Keyboard-initiated events shouldn't be animated