Showcase
Tech demos
Smaller builds that don't need a full write-up: experiments, one-off tools, things I built because I was curious.
Wordle Kit
A fully customizable Wordle clone, packaged as a drop-in React component. Word length, word list, guess count, and color theme all configurable.
- React
- TypeScript
- Tailwind CSS
Command Palette
A fuzzy-searchable Cmd+K command palette as a drop-in React component and hook. Grouping, keyboard navigation, and a zero-dependency fuzzy matcher.
- React
- TypeScript
- Tailwind CSS
Minesweeper Kit
A configurable Minesweeper as a drop-in React component: flood-fill reveal, flag-to-mark, a safe first click, and four built-in themes.
- React
- TypeScript
- Tailwind CSS
2048
A drop-in 2048 component with smooth slide and merge animations, arrow-key and swipe controls, and a configurable board size.
- React
- TypeScript
- Tailwind CSS
Tic-Tac-Toe AI
Tic-Tac-Toe as a React component with a minimax-powered AI opponent, tunable from easy to genuinely unbeatable.
- React
- TypeScript
- Tailwind CSS
Markdown Widget
A split-pane markdown editor with live preview and a formatting toolbar, packaged as a standalone React component.
- React
- TypeScript
- Tailwind CSS
- marked
- DOMPurify
Form UI Kit
Accessible form primitives with validation states: text fields, selects, toggles, and a three-step multi-step form built from the same pieces.
- React
- TypeScript
- Tailwind CSS
Hover Button Lab
A gallery of button hover and animation effects for React: magnetic pull, click ripples, glow borders, 3D tilt, no animation library required.
- React
- TypeScript
- CSS
Admin Dashboard Kit
A clonable admin dashboard starter: sidebar layout, data tables, charts, a mock auth flow, and a settings page. A template to fork, not a drop-in component like the rest of these.
- React
- TypeScript
- Tailwind CSS
- react-router-dom
- recharts