Code Block
A syntax-highlighted code block with line numbers, per-line highlighting, a filename/language header, a copy button and a collapsible fade-out for long snippets.
- Library
- ReactFrame
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- clsx, motion, tailwind-merge
- Install
npx shadcn@latest add https://reactframe.com/r/code-block.json- Files
registry/new-york/code-block/code-block.tsx
- Source
- https://github.com/AhmetLoca/reactframe-public
Categories
- Code Block Components
- React Code Block Components
- Tailwind CSS Code Block Components
- Animated Code Block Components
- Dev Tool Components
- React Dev Tool Components
- Tailwind CSS Dev Tool Components
- Animated Dev Tool Components