Code Snippet

Code Snippet
Code Snippet

About Code Snippet

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.

From Isaac Yi

Value Stack
Before After Counter
Position Calculator
Advanced Bento Grid

Related Components

Aura Button
Button Hover Effect
Corner Button
Shine Button