yurieui

Shadcn-style registry for the Yurie ecosystem.

ui/shiki-code

Shiki Code

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

Shiki Code

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

Dependencies

Registry
  • @yurieui/ui/button
Packages
  • lucide-react
  • shiki

Files

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

Usage Notes

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