Abdelrahman Rizik

Design Engineer building things for the web, where design meets code: design systems, motion, and the small details that make an interface feel natural.

Currently a Design Engineer at MilkStraw, previously at Ard.

You can reach me on Bluesky, X, or GitHub.

articles

Hello World

projects

intersection

A course on design engineering — the craft between design and front-end. Still in progress.

ShardsUI

ShardsUI is a set of headless, accessible UI components for Svelte 5. The parts are unstyled and composable, with ARIA, keyboard interaction and focus management already handled. I created it so the hard parts are done and the styling is still yours. Published as @shardsui/svelte.

Notation

Notation draws hand-drawn annotations as animated SVG strokes — underlines, boxes, circles, highlights, strike-throughs, brackets and arrows, or a shape you write yourself. It has no dependencies, and redraws its strokes when the text reflows. Published as @shardsui/notation.

recent-reading

  • Refactoring UI Adam Wathan & Steve Schoger
  • The Language of Graphic Design Richard Poulin
  • The Design of Everyday Things Don Norman