@mdo
Mark Otto is a designer and developer. He’s currently building at The Pierre Computer Company and advises growing teams through Studio MDO. He created Bootstrap and has worked with companies like GitHub, Twitter, Vercel, Zed, and more. And he’s a huge nerd.
Projects
Highlights of recent ships from some of my favorite teams, and some more prominent open source projects.
Work
- The Pierre Computer CompanyThe Pierre Computer Company is building modern tools for developers, including pierre.computer and code.storage.
- Pierre.coPierre.co was an experiment in building a more modern product engineering and code review tool. Shut down in 2025.
- LiveKitWorked with the LiveKit team to design and ship updates to their marketing site.
- LiveKit DocsLed a refresh of the LiveKit documentation site through a series of incremental updates.
- ZedCollaborated with the Zed team to refine their brand and reimagine their home page.
Open Source
- BootstrapThe most popular, responsive, and mobile-first front-end framework.
- Bootstrap IconsOfficial open source SVG icon library for Bootstrap featuring 500+ icons.
- diffsAn open source diff and code rendering library built on Shiki for syntax highlighting, theming, and more.
- treesAn open source file tree rendering library built for performance, flexibility, and customization.
- Code GuideStandards and best practices for developing flexible, durable, and sustainable HTML and CSS.
- configPersonal dotfiles and computer setup script for fresh installs of macOS.
- mdomlAn experiment in creating custom HTML elements based on today’s most common interface elements.
Blog
Includes design deep dives, technical write-ups, and more.
- Working with MDX in Next.jsRedesigning and building Pierre's new documentation site with Next.js and MDX—plus the learnings and challenges that came with it.
- Shipping Blended DiffsHow we designed and shipped blended diffs in Pierre, a new way to render code changes and make code review more efficient.
- macOS web appsExperimenting with building desktop web apps in macOS that appear in the dock, with a brief rundown of using them with Pierre.
- Using Bootstrap in Hugo with npmA look at how you can import Bootstrap into Hugo-powered sites like our blog or docs sites via npm and the Hugo mounts system.
- Fun with the dialog elementPlaying around with the new dialog HTML element after support for has now landed across all evergreen browsers