Developer-focused creation

Developers share code as plain screenshots that look unstyled, and designers cannot easily control how a code block looks.

A browser editor where you write or paste code, pick a language and a theme, then tune the size, padding and background of the block with a live preview. You can export it as an image or save it and share an embed link. Settings persist between visits.

The result is an image, so exported blocks look much alike everywhere. There is no very different approach available, and that is a limit of the tool.

A live tool built end to end with React, TypeScript, Tailwind and Firebase.