Make code worth sharing.

Give your best snippets a frame they deserve. Design, customize, export all in one place.

Customize

Make it yours

01BACKGROUND THEMES

02CODE WINDOW APPEARANCE

03CANVAS RATIO

04FINISHING TOUCHES

Canvas padding64px

CompactSpacious

Font size14px

SmallLarge

Line numbersWindow controlsSNIPLAB signature

Live preview

Your code, beautifully framed

explore.tsTYPESCRIPT

type Explorer = {
  name: string;
  curiosity: number;
};

const create = (idea: string) => {
  const possibilities = Infinity;

  return {
    idea,
    potential: possibilities,
    status: 'building' as const,
  };
};

console.log(create('something great'));

Code editor

Write something brilliant

LANGUAGE

16 lines · 261 chars

type Explorer = {
  name: string;
  curiosity: number;
};

const create = (idea: string) => {
  const possibilities = Infinity;

  return {
    idea,
    potential: possibilities,
    status: 'building' as const,
  };
};

console.log(create('something great'));

TAB insert spaces UTF-8

A little tip
Paste any snippet, choose a canvas style, and export your own share-ready image.