Code Snippet

duck/code-snippet

UnverifiedComponent

Self-highlighting code block with six color schemes, line numbers, line highlighting, collapsing, wrapping and PNG export. The highlighter is local, so there is no async theme load and no flash of unstyled code.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/davide97g/duck-ui/main/public/r/code-snippet.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

lucide-react

Other registry items

@duck/theme
@duck/copy-button

Files it writes

registry/duck/ui/code-snippet.tsx
registry/duck/ui/code-highlight.ts

More from duck

All 45 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Announcementannouncement	duck	Components	Unverified	1 dep
Code Windowcode-window	duck	Components	Unverified	no deps
Copy Buttoncopy-button	duck	Components	Unverified	1 dep
Duck Markduck-mark	duck	Components	Unverified	no deps
Duck Media Sliderduck-media-slider	duck	Components	Unverified	no deps
Duck Sliderduck-slider	duck	Components	Unverified	no deps
Duck Spinnerduck-spinner	duck	Components	Unverified	no deps · 2 files
Duck Switchduck-switch	duck	Components	Unverified	no deps