BREAKING
Sarah Drasner runs infrastructure for Google Search, YouTube, Gmail, and Workspace * MFA in Fine Arts. Sr. Director at Google. Both true simultaneously. * Night Owl VS Code theme: millions of installs, one painter from Santorini * 289,900+ Twitter followers tune in for the web's sharpest infrastructure commentary * "Engineering Management for the Rest of Us" - because the rest of us needed it * Vue.js Core Team (Emeritus). awesome-actions: 27,700+ stars. CSS-Tricks staff writer. Pick one. * Sarah Drasner runs infrastructure for Google Search, YouTube, Gmail, and Workspace * MFA in Fine Arts. Sr. Director at Google. Both true simultaneously. * Night Owl VS Code theme: millions of installs, one painter from Santorini * 289,900+ Twitter followers tune in for the web's sharpest infrastructure commentary * "Engineering Management for the Rest of Us" - because the rest of us needed it * Vue.js Core Team (Emeritus). awesome-actions: 27,700+ stars. CSS-Tricks staff writer. Pick one. *
Sarah Drasner - Senior Director of Engineering at Google

Sarah Drasner - Engineer, Author, Speaker

Person of the Web

Sarah
Drasner

Senior Director of Engineering - Google

From Byzantine Icon painter in Santorini
to running infrastructure for the entire internet.

Google Vue.js Core Author Night Owl @sarah_edo
"A person in flow state is no longer thinking of multiple things, or even their sense of self, but is singularly focused on a task or challenge."
- Sarah Drasner

The Person Who Animates the Web - Then Manages the People Who Build It

Sarah Drasner runs Core Developer Web Infrastructure at Google. In plain English: the foundational layer that keeps Search, YouTube, Gmail, Workspace, and Cloud from falling over. She oversees JavaScript and TypeScript, Angular, Wiz, CSS/Sass, Karma, Build/Serve systems, and is the Reliability Lead and Incident Commander for an infrastructure stack used by thousands of Google engineers. The web you use today has her fingerprints on the pipes underneath.

Before this, she was VP of Developer Experience at Netlify - the company that made the JAMstack a real conversation - and before that, Principal Lead of Emerging Markets and Cloud Advocates at Microsoft Azure. Fifteen-plus years in web development. Every stop, a different scale. Every role, something larger than the one before it.

What makes Drasner interesting is not just what she does now. It's what she was before any of this. She holds a B.F.A. in Painting and Printmaking from the School of the Art Institute of Chicago and an M.F.A. from the San Francisco Art Institute. She tutored Byzantine Icon painters in Santorini. She worked as a scientific illustrator for a nature museum. She taught undergraduate students. Then, somewhere between the paint-stained studio and the blinking cursor, she found the web - and the web found someone who understood that visual communication and code are the same conversation spoken in different registers.

The Night Owl in the Room

Millions of developers write code every day in a dark theme called Night Owl. Most of them have no idea who created it. Sarah Drasner built that VS Code theme - and it became one of the most-used color schemes in the history of the editor. The instinct was aesthetic: a theme should feel like the kind of dark that rests your eyes without losing contrast. The execution was precise. The adoption was viral. It is, in its own small way, a daily reminder that the person running infrastructure at Google is also someone who thinks carefully about what it looks, and feels like, to sit with code for eight hours.

The same logic runs through her GitHub profile. The `awesome-actions` repository - a curated list of GitHub Actions - sits at 27,700+ stars. `cssgridgenerator` has over 5,300. The `intro-to-vue` workshop materials have nearly 2,800. These are not side projects from a hobbyist. They are teaching tools, built with the clarity of someone who has stood at the front of a classroom and watched students struggle, then solved for the struggling.

The Book Title Was Already a Thesis

In 2022, Drasner published "Engineering Management for the Rest of Us." The title alone is a provocation. Not "Engineering Management: A Framework." Not "The Manager's Playbook." The Rest of Us. As in: the people who became managers without asking to, the engineers who found themselves in 1:1s before anyone taught them how to run one, the technical leads who discovered too late that the job description had changed without warning. The book covers personal values, trust, happiness, teamwork, feedback, conflict management, OKRs, and prioritization - all in language that treats the reader as an adult encountering something genuinely difficult, not a student waiting for a checklist.

Before that, she published "SVG Animations" with O'Reilly Media - a comprehensive guide to animating SVG with CSS, GreenSock, requestAnimationFrame, and React-Motion. It debuted as the number-one Amazon new release in the programming category. For context: this is a niche technical book about moving shapes on a screen. She made it one of the most-read programming books of its release cycle.

Teacher by Nature

Drasner taught courses on Frontend Masters: Vue.js (multiple versions), SVG Essentials and Animation, Advanced SVG Animation, Design for Developers, Building Applications with Vue and Nuxt. Each course had open-sourced materials on GitHub. At CSS-Tricks, she published 19+ articles in 2018 alone, reaching roughly half a million views. The appetite for clarity, for making the hard thing accessible without making it simple, runs all the way through - from the Byzantine Icon studio to the Google incident command chain.

She was a Vue.js Core Team member (emeritus status now, with Google consuming the day job). She co-founded Web Animation Workshops with Val Head. She co-organized ConcatenateConf - a completely free non-profit conference and workshop program for developers in Nigeria and Kenya. That last one is not a PR move. It was organized alongside Chris Nwamba out of a genuine belief that the web's talent pool should not be determined by geography or conference budgets.

The Infrastructure Years

At Google since 2021, her scope has expanded continuously. She became Reliability Lead for Core Developer. She became Incident Commander for internal stacks. She expanded to Experimentation and Client Observability. By 2025, she was leading a major initiative to sharpen Google Search's competitive edge from an infrastructure angle - squarely in the center of the AI market repositioning that is reshaping how every technology company operates. In her own 2026 retrospective, she described 2025 as a year of "relentless hard work," balanced with family, friends, and "the hobbies that keep me sane."

The hobbies, one presumes, include cheese. The self-deprecation about boundary-setting is documented. "I'm the kind of person who says yes to everything and any goofy idea that comes into my head," she has written - which may explain how one person ends up teaching SVG animation, running developer experience for a unicorn startup, managing Byzantine Icon students on a Greek island, and overseeing infrastructure for the world's most-used search engine, all within a single career arc that still hasn't stopped accelerating.

289K+ Twitter Followers
27.7K awesome-actions Stars
15+ Years in Web Dev
2 Published Books
6+ Frontend Masters Courses
M+ Night Owl Installs
Timeline

How You Build a Career Like This

2002

BFA in Painting and Printmaking from School of the Art Institute of Chicago. The web had no idea what was coming.

2007

MFA from San Francisco Art Institute. Also: tutoring Byzantine Icon painters in Santorini. This is a real sentence about a real person.

2007-12

Scientific illustrator at a nature museum. Undergraduate professor. The skills being built here: visual communication, teaching, precision.

2013

Manager of UX and Engineering at Trulia/Zillow Group. The pivot is complete. The art degree is now running a technical team.

2017

Principal Lead, Emerging Markets and Cloud Advocates at Microsoft Azure. Going bigger, going global.

2018

"SVG Animations" publishes with O'Reilly. Debuts #1 in programming on Amazon. Night Owl VS Code theme released. Both become permanent fixtures.

2019

VP of Developer Experience at Netlify. Vue.js Core Team member. ConcatenateConf co-organizer. Somehow also writing for CSS-Tricks.

2021

Joins Google as Senior Director of Engineering. Core Developer Web Infrastructure: Search, YouTube, Gmail, Workspace, Cloud. This is the job that contains multitudes.

2022

"Engineering Management for the Rest of Us" published. Named most clearly of any technical book in years. Audiobook narrated by Phil Hawksworth.

2024

Becomes Reliability Lead and Incident Commander for Core Developer Infrastructure. Scope expands to Experimentation and Client Observability.

2025

Leading Google Search infrastructure initiative focused on AI market competition. "Relentless hard work" - her own words - balanced with sanity-preserving hobbies.

Next?

Whatever it is, it will be larger than the last thing. That much is a pattern.

Two Books. Both Essential.

O'Reilly Media - 2018

SVG Animations

From Common UX Implementations to Complex Responsive Animation

The comprehensive guide to making SVG move - with CSS animation, requestAnimationFrame, GreenSock, mo.js, and React-Motion. Debuted #1 on Amazon's new programming releases. Still the definitive reference for web animation that stays crisp at every resolution. Includes data visualization animation techniques that have since become standard practice.

Self-Published - 2022

Engineering Management for the Rest of Us

Available in print, ebook, and audiobook (narrated by Phil Hawksworth)

The book for engineers who became managers without a ceremony or a manual. Covers personal values, trust, building happiness into teams, giving and receiving feedback, navigating conflict, one-on-ones, OKRs, prioritization, and - crucially - how to set boundaries when saying yes to everything is your factory setting. Practical, honest, and written by someone who has lived every chapter.

The GitHub Catalog

awesome-actions
27,700+ stars

The definitive curated list of GitHub Actions - the most-starred list of its kind on the platform.

night-owl-vscode-theme
2,900+ stars + millions of installs

The VS Code dark theme built by a fine artist. Rests the eyes. Respects the contrast. Used by millions of developers daily.

cssgridgenerator
5,300+ stars

A utility to generate CSS Grid code dynamically. Makes the layout model accessible to everyone who dreads the spec.

intro-to-vue
2,800+ stars

Workshop materials for learning Vue.js from scratch. Open-sourced, because the point is learning, not gatekeeping.

ecommerce-netlify
1,600+ stars

A JAMstack e-commerce site built with Nuxt and Netlify Functions. A real-world reference implementation from the VP of Developer Experience.

js-explorer
CLI tool

Find JavaScript methods without digging through docs. Because the friction in looking things up is a teaching problem, not a documentation problem.

What She Actually Says

"

Leadership means taking care of the wider system.

"

A person in flow state is no longer thinking of multiple things, or even their sense of self, but is singularly focused on a task or challenge.

"

I get bored easy if I don't have a challenge.

"

Creating healthy boundaries has always been a weakness of mine. I'm the kind of person who says yes to everything and any goofy idea that comes into my head.

"

I spend a lot of my time with the people I work with and they have really helped me get through this year. Together we build products we believe in, support each other, and make sure to tease each other mercilessly.

"

Unless you actively seek to understand another person's point of view, it's possible to be bound by your own context and limitations.

Things Worth Knowing

01

The Night Owl VS Code theme she created is used by millions of developers globally. It was built by a former Byzantine Icon painting tutor from Santorini.

02

She has an MFA in fine arts and runs infrastructure for Google Search. Both credentials make perfect sense once you've seen how she teaches.

03

The `awesome-actions` repo she created has more GitHub stars than most startups have registered users.

04

She co-organized a completely free conference for developers in Nigeria and Kenya while simultaneously running developer experience for Netlify.

05

The title "Engineering Management for the Rest of Us" is a philosophy in eight words: the manual was not written for you, so here is yours.

06

She describes her biggest personal weakness as boundary-setting. She also oversees the infrastructure used by thousands of engineers at Google. Both are operating simultaneously.

07

289,900+ Twitter followers follow her for web infrastructure commentary, SVG animation deep dives, management philosophy, and the occasional note about cheese.

08

She worked as a scientific illustrator at a nature museum before moving into tech - which explains why her teaching diagrams are unusually clear and visually precise.

Blog at sarah.dev - Annual reflections, engineering insights, and what actually happened
Read sarah.dev
Share This Profile