component
Code Snippet
By Isaac Yi
Details
- Isaac YiAuthor
- componentType
- $5.00Price
- 2026-06-30Published
- 2026-06-30Updated
- 2026-06-30Added
- ButtonsCategories
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.
Introduction
Dev-ready code block. No Prism.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #8808