Code. Create. Innovate.Stavros LazarisFrontend Developer& Architect

Identity icon

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 — and I write about all of it on FrontDose.

Capabilities icon

What I Do

  • Design systems & CSS architecture
  • Web apps with React & Next.js
  • Developer tools: Figma plugins, Chrome extensions
  • UX/UI design & games
Stavros Kosmas Lazaris - Portrait
Stavros Kosmas Lazaris - Art
STAVROS
KOSMAS
Stavros Kosmas Lazaris - Full Avatar
Stavros Kosmas Lazaris - Creative Art
Activities icon

Hobbies & Achievements

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

Connect with me

KNOW ME BETTER

I'm Stavros Kosmas Lazaris, aka Stevenkoslaz — a frontend developer and CSS architect. I build the boring parts that make products fast: frameworks, design systems and developer tools. Before the web I built Unity games and led a creative team.

  • Role

    Frontend Developer at Significa

  • Based in

    Greece · remote-friendly

  • Development

    5+ years shipping frontend

  • Focus

    Frontend architecture & design systems

Let me show you my <Projects/>

6 projects shown

  • Zeus CSS Website
    Zeus CSSNext.jsSCSS
    Zeus CSS Framework
    zeuscss.com

    CSS Framework & Design System

    Docs, playground and anatomy of Zeus CSS — a fluid-scaling SCSS framework that derives a design system from your tokens.

  • Zeus CSS Framework - NPM Package
    NPMSCSSCSS3
    Terminal & API Badge
    npm zeus-css

    CSS Framework NPM Package

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

  • FrontDose Blog - Frontend Development Articles
    AstroReactTailwind CSS
    100% Google PageSpeed score
    Frontdose

    Frontend Development Blog

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

  • Custom Figma Plugins by Stavros Lazaris
    FigmaReactJavaScript
    Figma Community Plugins
    Figma Plugins

    Custom Figma Plugins

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

  • CSS Footprint - Chrome Web Store Extension
    CSS3JavaScriptHTML5
    Chrome Extension Badge
    CSS Footprint

    Chrome Extension Tool

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

  • Dev Time Estimator - RnD Calculator
    ReactTailwind CSS
    Time Estimation Tool
    Dev Time Estimator

    RnD Calculator

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