OTP Card Deck
A 4 to 12 digit one-time code, dealt as playing cards.
Open Read the build notesPlayground
Small tools and interface ideas you can try. Play a browser game, use a tool, compare a design study, or explore my toolkit.
Browser games
Classic ports, fan projects, and games made for the web.
Browse 37 games ↗
Interface studies
5 variations · Decision recorded
Navigation on two screens
Five ways to move around the site, from a quiet header to a full-screen index.
Open the study ↗5 variations · Decision recorded
A booking button with a little gravity
Five liquid transitions from a glass pill to a calendar circle. Try interrupting them mid-flight.
Open the study ↗Browser tools
Small tools I built for my own workflow. No account needed.
Browser Todo
A browser-only todo with priority tiers and notes, no signup.
Open Read the build notesMatrix Rain
A customizable Matrix rain animation wallpaper.
OpenSecret Map Lens
Move a square lens across a coded map to reveal its hidden color, depth, and RGB shift.
OpenFont Pairing Preview
Pick a heading and body font from Google Fonts and preview the pairing on a landing page, a blog list, and a post.
OpenMy toolkit
Sites and tools I use, made by other people.
| Tool | What it does | Links |
|---|---|---|
| Bear Discoverindependent blogs | A lively feed of small, personal blogs. Browse trending, recent, random, or search without building another social profile. | |
| Pangolinsecure remote access | A WireGuard-based reverse proxy and private access platform with identity-aware policies, NAT traversal, and browser remote access. | |
| CodeSupremeai reading list | A focused reading list for building with AI, with useful primary sources and deeper technical ideas. | |
| UnStitchdesign reverse engineering | Paste a URL, get back its colors, type, spacing, and components as a structured markdown doc. | |
| 21st.devcomponent library | A community marketplace of React and Tailwind components and full-page templates, curated over auto-generated. | |
| Land-bookdesign inspiration | A daily-updated gallery of landing pages, portfolios, and sites, browsable by section: hero, pricing, footers, and more. | |
| CARI Aestheticsdesign reference archive | A searchable index of consumer aesthetics, with names, timelines, motifs, related styles, and source attribution. | |
| Codropscreative web lab | Original web experiments, practical tutorials, source code, case studies, and a deep archive of sites worth studying. | |
| Fontsharefree font library | A curated collection of professional fonts, free for personal and commercial use. |