Stavros Lazaris

Frontend Developer& Architect

About me

I'm a frontend developer from Greece who cares about the parts that make products fast: CSS architecture, design tokens and build tooling. I've shipped an SCSS framework on npm (Zeus CSS), a Chrome DevTools extension, Figma plugins and a handful of games. I also write about all of it on FrontDose.

What I Do

Design systems & CSS architecture
Web apps with React & Next.js
Developer tools: Figma plugins, Chrome extensions
UX/UI design & games

Hobbies & Achievements

Black Belt in Shotokan Karate
5 times Champion in Water Polo
Guitarist & Songwriter
Writing articles about development

Welcome to my world

5+Years shipping frontend
15Projects shipped
100Lighthouse SEO & accessibility
3Open-source dev tools

Let me show you my <projects/>

Featured

Case study · zeuscss.com

Zeus CSS: Docs & Playground

I started Zeus CSS two years ago as five small CSS experiments. Today it's one framework: you set five colours and a few sizes, and it builds the whole design system from them. People and AI tools read the same tokens. It's open source and on npm.

3K+npm downloads
5 → 135Colours to tokens
629Utility classes

Zeus CSS
Next.js
SCSS

Read case study Visit zeuscss.com

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