Kibo UI Kibo Svelte

Code Block

Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.

Installation

        npx shadcn-svelte@latest add http://adv76.github.io/kibo-svelte/r/code-block.json

Features

  • Syntax highlighting
  • Line numbers
  • Copy to clipboard
  • Support for filenames
  • Highlighted lines and words
  • Focused line
  • Diff
  • Language detection
  • Theme support
  • Customizable styles

Examples

No header

Highlighted lines

Highlighted words

Diff

Focus

Hidden line numbers

No syntax highlighting

Custom Theme

List

List views are a great way to show a list of tasks grouped by status and ranked by priority.

Contribution Graph

A GitHub-style contribution graph component that displays activity levels over time.