Bjork UI

Overview

Björk UI, by Isaiah Björk, is an archive of production-ready interface pieces for React and Tailwind CSS. Each component is installed with the shadcn CLI and tuned in place. The archive lists 186 components grouped into collections, and the registry serves 188 items.

Alongside standard UI primitives, the collection leans into animated, product-grade fragments: charts, AI interfaces, HUD elements, galleries and WebGL shader studies. The site also offers a design skill file covering surfaces, color, type, motion and charts, meant to teach a coding agent the library's style.

Features

• UI primitives: 32 components including combobox, data table, date picker, input mask, OTP input, sheet and sonner.
• Blocks: 10 full sections such as a marketing hero, feature bento, pricing, testimonials wall, dashboard shell, inbox and AI chat app.
• Charts: 29 chart types including candlestick, forecast fan, violin plot, beeswarm, treemap, streamgraph and waterfall.
• AI components: 24 pieces such as a voice-powered orb, AI voice input and a message dock.
• Cards and tables: 26 card designs and a set of tables including a financial table.
• Shaders and motion: Six WebGL shader studies, interactive pieces like a draggable rope, HUD frames and text effects.
• Agent design skill: A single file describing the visual system for AI coding agents.

Tech stack

• React, Tailwind CSS
• WebGL shaders
• shadcn CLI registry

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @bjork-ui/component-name