Projects
Products, open-source libraries and templates I have designed and built, from API platforms to component libraries. Each one has its own write-up.
Xata Console
The web console for Xata's Postgres platform, covering navigation, branching, settings and the surfaces developers use day to day.
- React
- Next.js
- TypeScript
- Tailwind CSS
React
Next.js
TypeScript
Tailwind CSS
Xata Design System
The shared component library, theme package and token architecture behind Xata's console and marketing site, including a full rebrand migration.
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
shadcn/ui
Jedd Icons
Sharp, squared open-source SVG icons for React and vanilla JS, with a gallery to browse, customize and copy them.
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
json-view-cn
A customizable, collapsible, syntax-highlighted JSON tree viewer for React, distributed as a copy-paste shadcn/ui registry component.
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
Kinetic
Studies in motion. A collection of interactive kinetic art studies, from pendulum waves to Möbius strips, rendered live in the browser.
- React
- TypeScript
- Three.js
- TanStack Start
TanStack Start
loadercn
A collection of 89 animated React loaders for shadcn/ui, each a single dependency-free file installable with the shadcn CLI.
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
Xata Query Editor
A SQL editor and query performance view for the Xata console, rebuilt around resizable panels, a draft and save flow, and virtualized results.
- React
- Next.js
- TypeScript
- Monaco Editor
Xata Logs Viewer
A log inspection tool for the Xata console, built for large volumes with filtering, virtualization and keyboard navigation.
- React
- Next.js
- TypeScript
- TanStack Virtual
Xata Onboarding & Data Import
The activation path for new Xata users, covering an onboarding hub, a guided data import wizard, an integrations page and the analytics to measure them.
- React
- Next.js
- TypeScript
- Tailwind CSS
Xata Website
Xata's marketing site, covering three homepage generations, a dark mode conversion, a pricing redesign with calculator, and a rebuilt blog.
- React
- Next.js
- TypeScript
- Tailwind CSS
commerce-ui
An open-source component library for building e-commerce sites and apps with React, Next.js, and Tailwind CSS.
- React
- Next.js
- Tailwind CSS
- shadcn/ui
unlogg/hooks
A collection of React hooks for building modern web applications.
- React
- Next.js
- Tailwind CSS
- shadcn/ui
Xeon template
A modern, saas landing page template built with Next.js, Tailwind CSS, and shadcn/ui.
- React
- Next.js
- Tailwind CSS
- shadcn/ui
Stackzero Commerce API
A headless, API-first e-commerce platform built to simplify commerce application development.
- GraphQL API
- Node.js
- PostgreSQL
- Docker
Node.js
PostgreSQL
Docker
101webtools
Open source collection of web tools and utilities for developers and designers.
- React
- Next.js
- Tailwind CSS
- shadcn/ui
Stackzero Dashboard
A web-based dashboard for managing e-commerce operations.
- React
- GraphQL
- Apollo Client
- Mantine UI
GraphQL
Apollo ClientmyTodo app
A full-stack starter app (template) for React / GraphQL / Node.js stack applications.
- React
- Next.js
- GraphQL
- Node.js
Hyperlane app
A low-code micro-app builder that empowers non-technical users to create and deploy custom applications.
- React
- Node.js
- PostgreSQL
- Docker