---
title: "Code Snippet — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Isaac Yi · Buttons. Dev-ready code block. No Prism."
canonical: "https://framer.elliotli.dev/component/code-snippet"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Code Snippet

# Code Snippet

Dev-ready code block. No Prism.

[View on Framer](https://framer.com/marketplace/components/code-snippet/?via=elliot-li)

![Code Snippet preview image 1](https://framer.elliotli.dev/og/component/code-snippet/09df85a7f027d7d8/1600x914.jpg)

## 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 →](/terms#rankings)

-   All · #11198

## Details

- **Author**: Isaac Yi
- **Price**: $5.00
- **Published**: 2026-06-30
- **Updated**: 2026-06-30
- **Added**: 2026-06-30
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything