Search

Search pages, projects, and more.

Playground

Demos

Interactive demos of specific UI patterns and concepts. Built to understand how things work, not to be production-ready.

Infinite Canvas

Live

A pannable, zoomable canvas built with React and raw pointer events. No canvas libraries — just math and event handling.

ReactTypeScriptCanvas

Typewriter Effect

Live

A configurable typewriter animation hook. Handles multiple strings, backspacing, variable speed, and pause states.

ReactHooksAnimation

Virtual List

Live

Windowed list rendering for 100k+ items. Smooth scrolling, dynamic row heights, and no layout thrash.

ReactPerformanceTypeScript

Drag and Drop Grid

A drag-and-drop grid layout without using dnd-kit or react-beautiful-dnd. Just Pointer Events API and some math.

ReactDrag & DropTypeScript

Syntax Highlighter

Live

A minimal syntax highlighter using Shiki under the hood, wrapped in a component with copy support and line highlighting.

ReactShikiTypeScript
Available for work