From the first pixel to the last webhook.

I'm MiddleSugar7000, a full-stack developer. I design, build and launch SaaS products, apps, websites and APIs, end to end.

See my work Free design skill

4 years shipping
2 live SaaS products
Free open-source skill

The stack behind every project

Next.js
React
TypeScript
Tailwind CSS
Node.js
Python
Cloudflare
PostgreSQL
Prisma
Supabase
Docker
Vercel
Anthropic
GitHub
Next.js
React
TypeScript
Tailwind CSS
Node.js
Python
Cloudflare
PostgreSQL
Prisma
Supabase
Docker
Vercel
Anthropic
GitHub

SaaS, apps, sites and design, shipped.

Curtly and Draftify are live products on the stack I build everything with, from the landing page to the billing webhooks. The design concepts show how far the visual side can go.

Curtlycurtly.devSaaS · live

An LLM gateway that makes AI apps cheaper to run

Curtly sits between an app and its model provider. It compresses prompts and trims model output before anyone pays for the tokens, and developers switch it on with two lines of code.

average input reduction: 58.2%average input reduction
added latency: < 2 msadded latency
compatible providers: 15+compatible providers

Streaming proxy for OpenAI and Anthropic compatible endpoints
Prompt compression that leaves code blocks and JSON untouched
API keys, usage metering and a developer console
Subscription billing with Dodo Payments and Whop
Marketing site, public docs, OpenAPI spec and llms.txt

Next.jsTypeScriptSupabaseDodo PaymentsResendVercel

Visit curtly.dev

Savings calculator
Live benchmarks
Developer docs

Draftifydraftify.siteSaaS · live

An AI coding workspace without message caps

Draftify gives developers continuous access to top coding models on flat monthly plans or pay-as-you-go API pricing, from the browser or straight from their CLI tools.

model providers behind one API: 3model providers behind one API
message caps or cooldowns: 0message caps or cooldowns
per million tokens, from: €0.20per million tokens, from

Chat workspace with streaming, multi-step reasoning and live code previews
Model routing across Anthropic, OpenAI and Google
OpenAI compatible API for Cursor, Claude Code and other CLIs
Accounts, plans and checkout with Whop, receipts with Resend
Scroll-driven landing page with animated product cards and a rotating headline

Next.jsVercel AI SDKPrismaPostgreSQLAuth.jsWhop

Visit draftify.site

Isohelmiddlesugar7000.xyzDesign concept

Landing page for a global AI weather platform

A high-end marketing site for Isohel, an AI weather model refreshed hourly at 1 km resolution. Designed and built from scratch, featuring a 3D interactive globe, Three.js forecast surface, scroll-linked animations, and developer API docs.

interactive globe with wind particles: 3Dinteractive globe with wind particles
animated sections: 10+animated sections
Lighthouse performance: 100Lighthouse performance

Interactive D3-geo globe with real-time wind particle simulation
Three.js forecast surface with custom GLSL shaders
Scroll-linked word reveal and stagger animations with Motion
Multi-language code playground with syntax highlighting
Responsive bento grid with photo cards and inline SVG charts

ReactViteThree.jsD3MotionTailwind CSS

Visit middlesugar7000.xyz

VOLT Arcvantle.studioDesign concept

Launch page concept for an electric hypersport motorcycle

A design concept for VOLT, a fictional electric superbike. The hero is a real-time 3D hub motor built entirely in code, which comes apart part by part as you scroll, followed by cinematic photo reveals and an interactive launch control.

procedural motor with exploded view: 3Dprocedural motor with exploded view
scroll-driven sections: 8scroll-driven sections
external requests, fully self-hosted: 0external requests, fully self-hosted

Procedural Three.js wheel and axial-flux motor with wound copper coils
Scroll-scrubbed exploded view with live torque readout
Clip-path image reveal, horizontal gallery and word-by-word manifesto
Hold-to-launch speedometer and an interactive ride mode torque curve
Adaptive render quality that keeps the 3D smooth on slower devices

Three.jsGSAPScrollTriggerLenisHTMLCSS

Visit vantle.studio

More landing page design.

Concept pages without a backend, built to show what a custom marketing site can look and feel like. Open them and scroll.

Every layer of a product, built by one person.

Design, frontend, backend, payments and hosting. These are the layers I work across, from the first pixel to the last webhook.

Landing pages that convert

Any aesthetic, any colour palette: minimal, bold, editorial, playful or luxury. I choose every colour and typeface deliberately for your brand and audience, or build around a style you bring. Fast on every phone, ready for search and social.

Next.js App Router, React 19, TypeScript, Tailwind CSS

SaaS and web apps

Accounts, roles, dashboards and data that stays consistent as you grow.

PostgreSQL, Prisma, Auth.js, Supabase

APIs, edge functions and AI

LLM proxies with model routing and token optimization, low-latency endpoints on Cloudflare Workers, and Node.js or Python automations.

OpenAI, Anthropic and compatible APIs, Cloudflare Workers

Payments, checkout and emails

Any checkout you need: Stripe, Dodo Payments, Whop or another provider. One-off payments, subscriptions and Merchant of Record setups that handle VAT for you, webhooks that never drop an event, and the receipts customers expect.

Stripe, Dodo Payments, Whop, Resend and any other payment API

Found on Google and in AI answers

SEO and GEO built in from day one, not bolted on later. Your site ranks in classic search, and gets picked up and cited by ChatGPT, Perplexity, Gemini and Google's AI Overviews when people ask about what you offer.

Next.js metadata, Schema.org, sitemaps, llms.txt, Search Console

Technical SEO and Core Web Vitals
Structured data (Schema.org)
Keyword and content structure
Local SEO for physical businesses
Content AI models can quote
llms.txt and AI crawler access

Hosting, security and launch

Your app on the edge or on your own server, protected from bots and traffic spikes. Set up on accounts the owner controls.

Vercel, Cloudflare, Docker, Coolify, Hetzner

Domains, DNS and SSL
Cloudflare Turnstile
Bot and DDoS protection
Docker on your own VPS
Edge caching worldwide
Monitoring and backups

I ship with Git, GitHub and AI-assisted tools like Claude Code and Cursor. Every line is still read and tested by me, so the speed comes without mystery code.

Download my free Claude Code design skill.

Claude builds the same purple-gradient landing page every time. This skill gives it four design directions, 18 CSS recipes and a motion system measured from top-selling templates, so a one-line prompt turns into a page that looks bought, not generated.

Download the skill Live before / after

Free and MIT licensed. 22 KB zip, no sign-up. Works in Claude Code, Codex, Cursor and Antigravity.

98%: of my quality checks passed, vs 75% without the skill
4: tested design directions
18: copy-ready CSS and HTML recipes

A landing page Claude Opus 5.5 built without the skill: light background, flat cards, a plain hero. — Same one-line prompt, same model (Claude Opus 5.5). Drag to compare.

The same page built with the skill: dark canvas, sculpted glow, giant tight headline, product mockup. — Same one-line prompt, same model (Claude Opus 5.5). Drag to compare.

Want to work together?

I take on client projects through Vantle.studio. Start there for new work, scope and timing.

Go to Vantle.studio