Glass Code Block
Syntax-highlighted code in a glass window, with tabs, line numbers, highlighted lines and copy.
- Library
- Opaline
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @hugeicons/core-free-icons, @hugeicons/react, shiki
- Install
npx shadcn@latest add @opaline/theme @opaline/glass-code-block- Files
registry/opaline/ui/opaline/glass-code-block.tsxregistry/opaline/ui/opaline/liquid-glass.tsxregistry/opaline/lib/glass-refraction.tsregistry/opaline/hooks/use-active-indicator.tslib/utils.ts
- Source
- https://github.com/deepraj21/opaline
Categories
- Code Block Components
- React Code Block Components
- Tailwind CSS Code Block Components
- Dev Tool Components
- React Dev Tool Components
- Tailwind CSS Dev Tool Components
- Layout Components
- React Layout Components
- Tailwind CSS Layout Components
- Navigation Components
- React Navigation Components
- Tailwind CSS Navigation Components