Original Kibo UI component by Hayden Bleasel; maintained by Shadcnblocks. Local browser UI recording from MIT source; sample inputs supplied by this workflow. Preview: platform recorded · rights cleared.

Data displayOpen Source

Kibo Code Block

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

KSource LandKibo UI

View original source Repository

Why it stands out

Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks. Preview records the real Kibo UI implementation from source commit 3d63cdb15b79d972e3dc38a10997987672f9b263 in an isolated local browser. Sample input and framework adaptations are used where external demo assets or server rendering are unavailable. Originally created by Hayden Bleasel and maintained by Shadcnblocks. Copyright (c) 2023 — Present shadcnblocks; MIT licensed.

Discovery vocabulary

Data display React

Related by governed terms

Continue comparing

Componentsopen source

Signature

An animated SVG signature effect that draws out text as if hand-written.

by Componentry0React · TypeScriptSource

Componentsfree

Scroll Progress

A scroll progress pill that tracks reading position and expands into a squircle menu of page sections.

by Rare UI0React · TypeScriptSource

Componentsfree

Bounce sidebar

A vertical navigation list with a bouncy, spring-animated active indicator.

by Rare UI0React · TypeScriptSource

Componentsfree

OTP Input

A one-time-code input whose characters roll into place behind a caret that slides from slot to slot.

by Rare UI0React · TypeScriptSource

Componentsfree

PullCord

A cloth cord that really hangs. Pull it to switch the lights.

by FeralUI0React · TypeScriptSource

Componentsopen source

Scroll Choreography

A smooth, scroll-driven image choreography component using Framer Motion.

by Componentry0React · TypeScriptSource

Kibo Relative Time

A component that displays time in various timezones.

by Kibo UI0React · TypeScriptSource

Navigationopen source

Kibo Mini Calendar

A composable mini calendar component for picking dates close to today.

by Kibo UI0React · TypeScriptSource

Data displayopen source

Kibo Pill

A flexible badge component designed for a variety of use cases.

by Kibo UI0React · TypeScriptSource

Data displayopen source

Kibo Cursor

A cursor component, great for realtime interactive applications.

by Kibo UI0React · TypeScriptSource

Feedbackopen source

Kibo Status

Status components are used to display the uptime of a service.

by Kibo UI0React · TypeScriptSource

Data displayopen source

Kibo Ticker

A composable finance ticker for displaying symbols, prices and changes.

by Kibo UI0React · TypeScriptSource