Code Block Generator
Store

Code Block Generator Styled code block for your pages

Get on Framer $5Framer component · 2025 · live

A code snippet in a window-style frame with a background behind it, in the style of a code screenshot. It's live text on your page and not an image, so visitors can select and copy the code.

Preview
Code Block Generator preview
Features

What it does

  • The code, the language, and one of four themes: Dark, Light, Oceanic or Monokai.
  • The background, which can be a gradient preset, a solid color, your own image, or nothing.
  • The window dots, file name and line numbers, each of which can be turned off.
  • Padding, corner radius, shadow, and fonts for the title and the code.
References

References Where to see it, and what it's built on.