ui/shiki-code

Shiki Code

A client-highlighted code frame with copy affordances and Vesper theming.

A code frame with syntax highlighting and a built-in copy affordance.

TSX

export function Hero() {
  return <Button>Install yurieui</Button>
}

Install

Bash

pnpm dlx shadcn@latest add @yurieui/ui/shiki-code

Registry

Packages

registry/yurieui/components/ui/shiki-code.tsx

registry:ui

registry/yurieui/hooks/use-copy-to-clipboard.ts

registry:hook

registry/yurieui/lib/editor/highlighter.ts

registry:lib

registry/yurieui/lib/editor/theme.json

registry:file

target: lib/editor/theme.json

Used by the docs site for install snippets and code examples.