Skip to content

Code Snippet

Dev-ready code block. No Prism.

Code Snippet preview image 1

Summary

Dev-ready code block. No Prism.

Description

A syntax-highlighted code block for Framer — built for AI SaaS and developer tool landing pages. Supports JavaScript, TypeScript, Python, Bash, JSON, and Plain Text with real token-level highlighting (no Prism, no Highlight.js). Features a macOS-style header with traffic-light dots, a one-click copy button with visual feedback, optional line numbers, and dark/light GitHub themes — all controlled from the property panel. Zero layout shift, no external libraries, no API key.

Rank history How rankings work →

1500110001111988/149/49/2610/1811/9
  • All · #11198

Details

More like this