Things I build: web apps, frameworks, tools, apps & games

15 projects shown

• Case studyFramework

  zeuscss.com

  Zeus CSS: Docs & Playground

  Docs, playground and anatomy of Zeus CSS, a fluid SCSS framework that builds a design system from your tokens.

  • Zeus CSS
  • Next.js
  • SCSS

  Read case study
• Case studyGame

  Lazarion Studios

  Last Spark: The Bonfire Defense

  My mobile game: a dark fantasy roguelike tower defense for Android. Pure TypeScript and Canvas 2D, shipped with Capacitor.

  • TypeScript
  • Vite
  • Android

  Read case study
• Framework

  npm zeus-css

  Zeus CSS: npm Package

  The framework itself on npm: install it, import the pre-compiled stylesheet or the SCSS source, and ship.

  • NPM
  • SCSS
  • CSS3
• Website

  Frontdose

  Frontend Development Blog

  My blog on frontend development: SCSS, BEM, semantic HTML and headless tooling. Scores 100/100 on Lighthouse.

  • Astro
  • React
  • Tailwind CSS
• Tool

  Figma Plugins

  Custom Figma Plugins

  Community plugins for Figma, including Zeus Data: design-to-code with one click.

  • Figma
  • React
  • JavaScript
• Case studyTool

  CSS Footprint

  Chrome Extension Tool

  Chrome DevTools extension that records the CSS changes you make in the Styles panel. Runs locally, no tracking.

  • CSS3
  • JavaScript
  • HTML5

  Read case study
• Tool

  Dev Time Estimator

  RnD Calculator

  R&D time-estimation calculator for scoping frontend work before you commit to a deadline.

  • React
  • Tailwind CSS
• Framework

  Clazamp

  CSS Framework

  CSS framework experiment built with Next.js, Tailwind and SCSS.

  • Next.js
  • React
  • Tailwind CSS
  • SCSS
• Website

  lazminor.gr

  Portfolio of my songs

  Portfolio site for my songs, built with Astro, React and Tailwind. 100/100 on Lighthouse.

  • Astro
  • React
  • Tailwind CSS
• Game

  RabTacTix

  React TicTacToe

  Tic-tac-toe in React with a player-vs-bot mode.

  • React
  • CSS
• Tool

  Figma Token Generator

  Figma Dynamic Token

  Dynamic design-token generator for Figma, built with vanilla HTML, CSS and JavaScript.

  • HTML5
  • CSS3
  • JavaScript
• Game

  Unity Games

  Desktop and mobile games

  Desktop and mobile games I shipped with DevBros Games, made in Unity, C# and Blender.

  • Unity
  • Blender 3D
  • C#
• Game

  Yiam Dices

  Yahtzee Vue Game

  Yahtzee-style dice game built with Vue and Vite.

  • Vue.js
  • Vite
• Game

  Vue, Vite & Vuetify Game

  Rock Paper Scissors

  Rock-paper-scissors against a bot, with score tracking. Built with Vue, Vite and Vuetify.

  • Vue.js
  • Vite
  • Vuetify
• Design

  My Graphics

  Designs & Art Collection

  A collection of my designs and 2D/3D art, made in GIMP, Krita and Blender.

  • GIMP
  • Blender 3D
  • Krita
  • PhotoScape

1. 1st

   Discovery & scope

   I start by pinning down the problem, who it is for and what "done" means, before any pixels or code.

2. 2nd

   Architecture first

   Tokens, the component API, a performance budget and an accessibility baseline come first, so the build stays fast and consistent as it grows.

3. 3rd

   Build and measure

   I ship in small steps, check Lighthouse and accessibility on every release, and write docs so anyone on the team can pick it up.