Projects I am currently working on.Projects I am currently working on.
I have been designing and building web tools, interfaces and apps, from visual page builders and design tools to mobile team apps. The projects below are some descriptions of my current projects.
Web design
Responsive sites in WordPress, Squarespace and hand-written HTML, built on a clear content structure and tested at every screen size, so clients can keep editing their own pages long after handoff.
UI design
Interface systems built from design tokens, color scales, type presets and motion, then turned into clickable prototypes and checked for contrast, keyboard access and touch targets on every device.
App development
Rapid app mockups that work like the real thing: tappable navigation, realistic sample data, role-based views and live interactions, so an idea can be tested and refined before a full build begins.
In active development
A visual page builder for a premium WordPress theme
A drag-and-drop editor that mirrors a commercial theme’s module system, so a full site can be designed and previewed offline and then moved into WordPress without rebuilding it by hand.
How it evolved
- Rendering engine. Built a renderer that draws the same markup on the canvas and in the exported site.
- Module schema. Each module became a data definition that drives its inspector, preview and shortcode output.
- Global navigation. Menus moved out of individual rows into one site-wide header, with a migration that upgrades older projects automatically.
- Publishing. Added one-step publishing to WordPress, with plain error messages when a host blocks the request.
Plays when you scroll here.
Built 2026
A Tailwind CSS site and app builder with a motion system
A block-based editor for composing marketing pages and app screens with Tailwind CSS. It has 119 ready-made blocks, brand themes that generate full OKLCH color scales, and 22 entrance animations, and it exports clean, readable Tailwind markup.
How it evolved
- Marketing blocks. Started with page sections for landing pages and small business sites.
- App interfaces. Added dashboards, data tables, app navigation and form patterns.
- Images. Swapped static placeholders for live stock search that tracks licenses and credits.
- Motion. Added the animation system, with reduced-motion support built in from the start.
Pick an entrance or a theme to see the block respond.
Now syncing with Google
A mobile-first team management app
A web app that keeps a sports team’s schedule, training plans, roster, volunteers and messages in one place, with a different view for each kind of member.
How it evolved
- Wireframe. Settled what each screen needs and where the five main tabs live.
- Functional. Data flowing between agenda, training plans and roster, with unread counts on chat.
- Role-aware. A dashboard for each member type, plus a persona switch for testing every role.
- Editorial redesign. Bigger type, calmer layout and clearer hierarchy across every screen.
- Google integration. Documents pulled from Google Drive and sorted by naming tags, with schedules synced to Google Calendar.
Drag the slider in the demo to watch the interface grow from a wireframe into the current design.
Connected to Google Workspace
The latest builds connect the app to Google’s APIs. Coaches keep managing documents in Google Drive the way they already do, and a short naming tag at the start of each file name tells the app what the document is. The app uses those tags to filter documents and place each one on the right page automatically. Practices and meets sync to Google Calendar, so the schedule shows up where people already look.
What the integration does
- Drive as the source. The app reads team documents straight from Google Drive, so nothing has to be uploaded twice.
- Naming tags. A tag in each file name decides which page a document lands on and how it can be filtered.
- Calendar sync. Practices and meets become Google Calendar events, and schedule changes carry through.
Plays when you scroll here.
In active development
A vector design and prototyping tool that runs in the browser
A canvas-based app for drawing interfaces, laying them out, wiring screens into clickable prototypes and exporting production assets. It works with a mouse, a trackpad or a finger on a tablet.
How it evolved
- Core canvas. Shapes, text, frames, layers and full undo history, drawn on an HTML canvas.
- Vector editing. A pen tool, node editing, boolean operations, masking, brush styles and variable-width strokes.
- Layout and export. Auto layout that hugs its content, resizing constraints, smart guides with distance labels, and export to PNG, JPG, WebP, SVG and PDF, including iOS and Android size sets.
- Touch-first interface. A bottom tool dock, a floating context bar, larger targets and number fields you can scrub by dragging.
- Prototyping. Tap and timed interactions, overlays, 11 transitions including smart animate, exported as interactive HTML or CSS keyframe animation.
Tap the phone to run the prototype
Plays when you scroll here.
Every project ships in small, tested rounds
Most of what’s above was built in dozens of short cycles. Each round adds one thing, gets tried on real hardware, and only then moves on.
Build
Turn the next idea into a working, clickable mockup right away, not a static picture of one.
Test
Try it with mouse, keyboard and touch on a phone, a tablet and a laptop.
Note friction
Write down every hesitation, wrong tap and confusing word.
Refine
Fix what was found, protect older saved work, and version the build.
Front end
HTML, modern CSS (custom properties, grid, keyframes, OKLCH), vanilla JavaScript, Tailwind CSS, canvas and SVG graphics
Platforms
WordPress with Uncode and WPBakery, the WordPress REST API, Squarespace, Google Sites
App techniques
Offline storage with IndexedDB, installable web apps, pointer and touch gestures, file export
Design
Design tokens, responsive layout, motion design, accessibility and reduced-motion support
AI
Custom AI assistants for professional workflows and AI-assisted prototyping
Media
On-device image processing, batch photo cropping and short-form video tooling
Have a project or a role in mind?
I take on freelance builds and I’m open to web design, UI and front-end roles. If something here is close to what you need, I can walk you through the unredacted version on a call.