Code Lab

Front-end, back-end, products, and tools.

A working set of websites, extensions, macOS utilities, and automation experiments built to make complex workflows clearer.

Websites

Mavix Platform

Mavix Platform is a complete SaaS platform and extension marketplace case study combining strategy, information architecture, interface design, responsive systems, and conversion-focused user journeys.

FigmaNext.jsTailwind CSS

Websites

Nexora AI Website

Nexora AI Website is a complete AI SaaS product website case study combining strategy, information architecture, interface design, responsive systems, and conversion-focused user journeys.

FigmaNext.jsFramer Motion

Websites

Velune E-commerce

Velune E-commerce is a complete skincare e-commerce case study combining strategy, information architecture, interface design, responsive systems, and conversion-focused user journeys.

FigmaShopify ConceptAdobe Photoshop

Websites

Northline Architecture

Northline Architecture is a complete architecture and property website case study combining strategy, information architecture, interface design, responsive systems, and conversion-focused user journeys.

FigmaNext.js ConceptAdobe Photoshop

Websites

Kova Coffee Website

Kova Coffee Website is a complete coffee and hospitality website case study combining strategy, information architecture, interface design, responsive systems, and conversion-focused user journeys.

FigmaWebflow ConceptAdobe Photoshop

Websites

Axis Studio

Axis Studio is a complete creative studio and typography website case study combining strategy, information architecture, interface design, responsive systems, and conversion-focused user journeys.

FigmaNext.js ConceptGSAP

Chrome Extensions

VeoRunner

VeoRunner is a complete Chrome extension case study combining product strategy, popup UX, browser automation, state design, recovery behavior, and Chrome integration.

FigmaTypeScriptChrome Manifest V3

Chrome Extensions

MetaQueue AI

MetaQueue AI is a complete Chrome extension case study combining product strategy, popup UX, browser automation, state design, recovery behavior, and Chrome integration.

FigmaTypeScriptChrome Manifest V3

Chrome Extensions

QwenFlow Assistant

QwenFlow Assistant is a complete Chrome extension case study combining product strategy, popup UX, browser automation, state design, recovery behavior, and Chrome integration.

FigmaJavaScriptChrome Manifest V3

Chrome Extensions

TabPilot

TabPilot is a complete Chrome extension case study combining product strategy, popup UX, browser automation, state design, recovery behavior, and Chrome integration.

FigmaTypeScriptChrome APIs

Chrome Extensions

PromptVault

PromptVault is a complete Chrome extension case study combining product strategy, popup UX, browser automation, state design, recovery behavior, and Chrome integration.

FigmaTypeScriptChrome Manifest V3

Chrome Extensions

PageLens Inspector

PageLens Inspector is a complete Chrome extension case study combining product strategy, popup UX, browser automation, state design, recovery behavior, and Chrome integration.

FigmaJavaScriptChrome APIs

Mac Apps

Mavix Studio

Mavix Studio is a native macOS product-design case study combining strategy, workflow design, desktop UI, menu-bar integration, keyboard interaction, preferences, and system states.

FigmaSwiftUI ConceptmacOS Human Interface Guidelines

Mac Apps

FlowDesk

FlowDesk is a native macOS product-design case study combining strategy, workflow design, desktop UI, menu-bar integration, keyboard interaction, preferences, and system states.

FigmaSwiftUI ConceptmacOS Human Interface Guidelines

Mac Apps

PromptDock

PromptDock is a native macOS product-design case study combining strategy, workflow design, desktop UI, menu-bar integration, keyboard interaction, preferences, and system states.

FigmaSwiftUI ConceptmacOS Human Interface Guidelines

Mac Apps

FocusGrid

FocusGrid is a native macOS product-design case study combining strategy, workflow design, desktop UI, menu-bar integration, keyboard interaction, preferences, and system states.

FigmaSwiftUI ConceptmacOS Human Interface Guidelines

Mac Apps

ClipNest

ClipNest is a native macOS product-design case study combining strategy, workflow design, desktop UI, menu-bar integration, keyboard interaction, preferences, and system states.

FigmaSwiftUI ConceptmacOS Human Interface Guidelines

Tools and Automation

FlowForge Automation Hub

FlowForge Automation Hub is a complete visual workflow builder case study combining product strategy, workflow UX, interface design, execution states, recovery, and operational clarity.

FigmaNext.jsTypeScript

Tools and Automation

CreatorBatch

CreatorBatch is a complete bulk content processing tool case study combining product strategy, workflow UX, interface design, execution states, recovery, and operational clarity.

FigmaReactTypeScript

Tools and Automation

DataBridge Utility

DataBridge Utility is a complete data transformation utility case study combining product strategy, workflow UX, interface design, execution states, recovery, and operational clarity.

FigmaTypeScriptPython

Tools and Automation

LinkPulse Monitor

LinkPulse Monitor is a complete status monitoring tool case study combining product strategy, workflow UX, interface design, execution states, recovery, and operational clarity.

FigmaNext.jsNode.js

Tools and Automation

FilePilot

FilePilot is a complete batch file utility case study combining product strategy, workflow UX, interface design, execution states, recovery, and operational clarity.

FigmaSwift ConceptPython