← Docs

CodeEditorFrame

freeui

src/registry/ui/code-editor-frame.tsx

Import

import { CodeEditorFrame } from "@/registry/ui/code-editor-frame"

File

src/registry/ui/code-editor-frame.tsx
Open playgroundBrowse gallery

Usage notes

  • Respect DESIGN.md — semantic tokens only.
  • Prefer composition over one-off colors or blur shadows.
  • Premium blocks set data-tier="premium".
  • MIT — ship in product UI freely.