Subsystem 02.7 · 2025 — present
themelui
A premium Angular admin template — designed, built and sold on my own
Four dashboards, six apps and forty-plus pages in Angular 22, signals throughout — a product I build alone at Syncore, with licensing automated at the edge.
01What it is
themelui — from the Albanian themel, “foundation” — is an Angular admin template: four dashboards (analytics, CRM, finance, projects), six apps (chat, mail, kanban, files, notes, to-do), products, customers and invoices, eighteen sign-in screens and in-app documentation.
I build all of it myself at Syncore: the template, the storefront at themelui.com, the licensing, and the delivery to buyers.
02The problem
Most admin templates look good in the screenshot and fall apart inside a real application: the data is hard-wired, the theming is shallow, and the code fights you.
And the usual payment providers don’t pay out in Kosovo — selling source code internationally meant building the licensing myself.
03What I built
- The template: 136 components and a live theme customiser — 3 modes, 5 grey bases, 9 accents, 6 radii, 3 sidebar layouts — with no flash on reload.
- Mock data behind swappable interfaces on every page, so a buyer connects a real API with one line of configuration.
- A licence service on Cloudflare Workers: verifies Paddle webhook signatures, issues revocable signed licence links, checks marketplace purchase codes and grants buyers access to the private repository.
- themelui.com: a prerendered Angular site with its own screenshot pipeline driven by headless Chrome — and rules for AI coding agents shipped with the source.
04Architecture
05Technology
- Product
- Angular 22TypeScript 6Tailwind 4EChartsspartan-ng
- Edge
- Cloudflare WorkersPaddle webhooksGitHub API
- Site
- Angular prerenderingheadless Chrome screenshots
06Engineering notes
- 01
A theme system without a flash
Mode, grey base, accent, radius and layout are applied before first paint, so a reload never flashes the wrong theme. Chart colours are deliberately left out of the accent: a brand colour shouldn’t change what a data series means.
- 02
Mock data you can unplug
Every data page reads through an injection token, so swapping the bundled mock services for a real API is a one-line change rather than a rewrite.
- 03
Selling from where the payment giants don’t pay out
Paddle acts as merchant of record; webhook signatures are verified at the edge; licence links are signed and revocable; repository access is granted and removed automatically.
07Results
- 4
- dashboards
- 6
- apps
- 136
- components
- 9
- theme accents
- A complete template and its storefront at themelui.com.
- Checkout, licensing and repository access automated end to end.