---
name: "@bjork-ui"
slug: "bjork-ui"
description: "Production-ready animated interface components, primitives, and WebGL shader studies for React and Tailwind CSS."
category: "Animated components"
tags: ["3d", "ai", "animation", "audio", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "dashboard", "design-system", "developer-tools", "forms", "hooks", "icons", "loaders", "maps", "media", "navigation", "onboarding", "overlays", "payments", "pro-available", "tables"]
framework: "react"
license: null
author: null
website: "https://ui.isaiahbjork.com"
github: null
registry: "https://ui.isaiahbjork.com/registry.json"
pro: true
pro_url: "https://ui.isaiahbjork.com/tables/pricing-table"
github_stars: null
component_count: 188
generated_at: "2026-10-27T06:34:08.542Z"
---

# @bjork-ui

Production-ready animated interface components, primitives, and WebGL shader studies for React and Tailwind CSS.

## Links

- Website: https://ui.isaiahbjork.com
- Registry JSON: https://ui.isaiahbjork.com/registry.json
- Directory page: https://sh4dcn.netlify.app/registry/bjork-ui
- This file: https://sh4dcn.netlify.app/md/bjork-ui.md
- Pro / pricing: https://ui.isaiahbjork.com/tables/pricing-table

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.isaiahbjork.com/registry.json
pnpm dlx shadcn@latest add https://ui.isaiahbjork.com/registry.json
bunx shadcn@latest add https://ui.isaiahbjork.com/registry.json
# fetch the raw registry index
curl -s https://ui.isaiahbjork.com/registry.json
```

## Components (188)

| name | type | description | install |
| --- | --- | --- | --- |
| animated-radial-chart | registry:component | Animated radial chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/animated-radial-chart.json` |
| message-dock | registry:component | Message dock is a production-ready interactive component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/message-dock.json` |
| voice-powered-orb | registry:component | Voice powered orb is a production-ready interactive component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/voice-powered-orb.json` |
| ruler-carousel | registry:component | Ruler carousel is a production-ready galleries component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/ruler-carousel.json` |
| video-scroll-hero | registry:component | Video scroll hero is a production-ready heroes component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/video-scroll-hero.json` |
| financial-table | registry:component | Financial table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/financial-table.json` |
| draggable-rope | registry:component | Draggable rope is a production-ready interactive component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/draggable-rope.json` |
| hud-frame | registry:component | HUD frame is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/hud-frame.json` |
| portfolio-gallery | registry:component | Portfolio gallery is a production-ready galleries component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/portfolio-gallery.json` |
| video-upload-card | registry:component | Video upload card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/video-upload-card.json` |
| ai-voice-input | registry:component | AI voice input is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/ai-voice-input.json` |
| animated-status-badge | registry:component | Animated status badge is a production-ready badges component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/animated-status-badge.json` |
| animated-download | registry:component | Animated download is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/animated-download.json` |
| animated-card-options | registry:component | Animated card options is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/animated-card-options.json` |
| animated-card-status-list | registry:component | Animated card status list is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/animated-card-status-list.json` |
| audio-upload-card | registry:component | Audio upload card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/audio-upload-card.json` |
| bonuses-incentives-card | registry:component | Bonuses incentives card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/bonuses-incentives-card.json` |
| coach-scheduling | registry:component | Coach scheduling is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/coach-scheduling.json` |
| dashboard-card-modal | registry:component | Dashboard card modal is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/dashboard-card-modal.json` |
| event-countdown-card | registry:component | Event countdown card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/event-countdown-card.json` |
| hover-detail-card | registry:component | Hover detail card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/hover-detail-card.json` |
| news-cards | registry:component | News cards is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/news-cards.json` |
| onboarding-stages | registry:component | Onboarding stages is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/onboarding-stages.json` |
| prediction-market-card | registry:component | Prediction market card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/prediction-market-card.json` |
| product-reveal-card | registry:component | Product reveal card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/product-reveal-card.json` |
| profile-hover-card | registry:component | Profile hover card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/profile-hover-card.json` |
| project-cards | registry:component | Project cards is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/project-cards.json` |
| gradient-selector | registry:component | Gradient selector is a production-ready controls component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/gradient-selector.json` |
| hover-image-gallery | registry:component | Hover image gallery is a production-ready galleries component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/hover-image-gallery.json` |
| reveal-text | registry:component | Reveal text is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/reveal-text.json` |
| glitchy-404 | registry:component | Glitchy 404 is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/glitchy-404.json` |
| hud-2 | registry:component | Overlay 2 is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/hud-2.json` |
| hud-button | registry:component | HUD button is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/hud-button.json` |
| hud-graph | registry:component | HUD graph is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/hud-graph.json` |
| hud-status | registry:component | HUD status is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/hud-status.json` |
| warning-graphic | registry:component | Warning graphic is a production-ready hud component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/warning-graphic.json` |
| periodic-table | registry:component | Periodic table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/periodic-table.json` |
| contacts-table | registry:component | Contacts table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/contacts-table.json` |
| leads-table | registry:component | Leads table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/leads-table.json` |
| resizable-table | registry:component | Resizable table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/resizable-table.json` |
| server-management | registry:component | Server management is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/server-management.json` |
| primitive-accordion | registry:component | Accordion is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-accordion.json` |
| primitive-alerts | registry:component | Alerts is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-alerts.json` |
| primitive-avatar | registry:component | Avatar is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-avatar.json` |
| primitive-badge | registry:component | Badge is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-badge.json` |
| primitive-breadcrumb | registry:component | Breadcrumb is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-breadcrumb.json` |
| primitive-button | registry:component | Button is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-button.json` |
| primitive-button-group | registry:component | Button Group is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-button-group.json` |
| primitive-calendar | registry:component | Calendar is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-calendar.json` |
| primitive-card | registry:component | Card is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-card.json` |
| primitive-checkbox | registry:component | Checkbox is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-checkbox.json` |
| primitive-collapsible | registry:component | Collapsible is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-collapsible.json` |
| primitive-combobox | registry:component | Combobox is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-combobox.json` |
| primitive-data-table | registry:component | Data Table is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-data-table.json` |
| primitive-date-picker | registry:component | Date Picker is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-date-picker.json` |
| primitive-dialog | registry:component | Dialog is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-dialog.json` |
| primitive-dropdown-menu | registry:component | Dropdown Menu is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-dropdown-menu.json` |
| primitive-form | registry:component | Form is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-form.json` |
| primitive-input | registry:component | Input is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-input.json` |
| primitive-input-mask | registry:component | Input Mask is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-input-mask.json` |
| primitive-input-otp | registry:component | Input OTP is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-input-otp.json` |
| primitive-pagination | registry:component | Pagination is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-pagination.json` |
| primitive-popover | registry:component | Popover is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-popover.json` |
| primitive-radio-group | registry:component | Radio Group is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-radio-group.json` |
| primitive-select | registry:component | Select is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-select.json` |
| primitive-sheet | registry:component | Sheet is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-sheet.json` |
| primitive-slider | registry:component | Slider is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-slider.json` |
| primitive-sonner | registry:component | Sonner is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-sonner.json` |
| primitive-switch | registry:component | Switch is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-switch.json` |
| primitive-table | registry:component | Table is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-table.json` |
| primitive-tabs | registry:component | Tabs is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-tabs.json` |
| primitive-textarea | registry:component | Textarea is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-textarea.json` |
| primitive-tooltip | registry:component | Tooltip is a production-ready ui component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/primitive-tooltip.json` |
| shader-aurora-veil | registry:component | Aurora veil is a compact WebGL website shader from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/shader-aurora-veil.json` |
| shader-kinetic-dots | registry:component | Kinetic dots is a compact WebGL website shader from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/shader-kinetic-dots.json` |
| timer | registry:component | Timer is a production-ready interactive component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/timer.json` |
| project-index | registry:component | Project index is a production-ready galleries component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/project-index.json` |
| glow-rules | registry:component | Glow rules is a production-ready utilities component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/glow-rules.json` |
| radial-command-ring | registry:component | Radial command ring is a production-ready navigation component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/radial-command-ring.json` |
| adaptive-precision-slider | registry:component | Adaptive precision slider is a production-ready controls component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/adaptive-precision-slider.json` |
| click-wheel | registry:component | Click wheel is a production-ready controls component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/click-wheel.json` |
| velocity-ink | registry:component | Velocity ink is a production-ready controls component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/velocity-ink.json` |
| spring-tuner | registry:component | Spring tuner is a production-ready utilities component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/spring-tuner.json` |
| live-line | registry:component | Live line is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/live-line.json` |
| flap-ledger | registry:component | Flap ledger is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/flap-ledger.json` |
| route-trace | registry:component | Route trace is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/route-trace.json` |
| solar-sky-panel | registry:component | Solar sky panel is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/solar-sky-panel.json` |
| agent-trace | registry:component | Agent trace is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/agent-trace.json` |
| handoff-beam | registry:component | Handoff beam is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/handoff-beam.json` |
| lattice-orb | registry:component | Lattice orb is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/lattice-orb.json` |
| torn-edge-reveal | registry:component | Torn edge reveal is a production-ready galleries component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/torn-edge-reveal.json` |
| mosaic-settle | registry:component | Mosaic settle is a production-ready galleries component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/mosaic-settle.json` |
| minimap-scrollbar | registry:component | Minimap scrollbar is a production-ready navigation component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/minimap-scrollbar.json` |
| morph-loader | registry:component | Morph loader is a production-ready feedback component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/morph-loader.json` |
| stroke-morph-icon | registry:component | Stroke-morph icon is a production-ready utilities component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/stroke-morph-icon.json` |
| scatter-rewind | registry:component | Scatter rewind is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/scatter-rewind.json` |
| plane-type | registry:component | Plane type is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/plane-type.json` |
| elastic-frame | registry:component | Elastic frame is a production-ready interactive component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/elastic-frame.json` |
| aperture-dive | registry:component | Aperture dive is a production-ready heroes component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/aperture-dive.json` |
| scene-states | registry:component | Scene states is a production-ready interactive component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/scene-states.json` |
| sortable-table | registry:component | Sortable table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/sortable-table.json` |
| pricing-table | registry:component | Pricing table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/pricing-table.json` |
| invoice-table | registry:component | Invoice table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/invoice-table.json` |
| leaderboard-table | registry:component | Leaderboard is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/leaderboard-table.json` |
| changelog-table | registry:component | Changelog table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/changelog-table.json` |
| api-reference-table | registry:component | API reference table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/api-reference-table.json` |
| file-tree-table | registry:component | File tree table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/file-tree-table.json` |
| timetable | registry:component | Timetable is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/timetable.json` |
| shortcuts-table | registry:component | Shortcuts table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/shortcuts-table.json` |
| spec-sheet | registry:component | Spec sheet is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/spec-sheet.json` |
| transactions-table | registry:component | Transactions table is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/transactions-table.json` |
| spreadsheet-grid | registry:component | Spreadsheet grid is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/spreadsheet-grid.json` |
| permissions-matrix | registry:component | Permissions matrix is a production-ready tables component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/permissions-matrix.json` |
| glyph-morph | registry:component | Glyph morph is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/glyph-morph.json` |
| weight-wave | registry:component | Weight wave is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/weight-wave.json` |
| decode-text | registry:component | Decode text is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/decode-text.json` |
| magnetic-letters | registry:component | Magnetic letters is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/magnetic-letters.json` |
| slice-shift | registry:component | Slice shift is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/slice-shift.json` |
| stroke-draw-type | registry:component | Stroke draw type is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/stroke-draw-type.json` |
| ink-bleed-text | registry:component | Ink bleed text is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/ink-bleed-text.json` |
| liquid-text | registry:component | Liquid text is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/liquid-text.json` |
| marketing-hero-product | registry:block | Marketing hero with product shot is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/marketing-hero-product.json` |
| marketing-feature-bento | registry:block | Marketing feature bento is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/marketing-feature-bento.json` |
| marketing-pricing | registry:block | Marketing pricing is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/marketing-pricing.json` |
| marketing-testimonials-wall | registry:block | Marketing testimonials wall is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/marketing-testimonials-wall.json` |
| marketing-cta-footer | registry:block | Marketing CTA and footer is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/marketing-cta-footer.json` |
| chromatic-text | registry:component | Chromatic text is a production-ready text component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/chromatic-text.json` |
| candlestick-chart | registry:component | Candlestick chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/candlestick-chart.json` |
| forecast-fan | registry:component | Forecast fan is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/forecast-fan.json` |
| state-timeline | registry:component | State timeline is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/state-timeline.json` |
| spark-table | registry:component | Spark table is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/spark-table.json` |
| distribution-plot | registry:component | Distribution plot is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/distribution-plot.json` |
| violin-plot | registry:component | Violin plot is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/violin-plot.json` |
| beeswarm | registry:component | Beeswarm is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/beeswarm.json` |
| slope-chart | registry:component | Slope chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/slope-chart.json` |
| dumbbell-chart | registry:component | Dumbbell chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/dumbbell-chart.json` |
| waterfall-chart | registry:component | Waterfall chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/waterfall-chart.json` |
| treemap | registry:component | Treemap is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/treemap.json` |
| streamgraph | registry:component | Streamgraph is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/streamgraph.json` |
| scatter-brush | registry:component | Scatter brush is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/scatter-brush.json` |
| correlation-matrix | registry:component | Correlation matrix is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/correlation-matrix.json` |
| sankey-flow | registry:component | Sankey flow is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/sankey-flow.json` |
| drawdown-chart | registry:component | Drawdown chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/drawdown-chart.json` |
| depth-chart | registry:component | Depth chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/depth-chart.json` |
| order-book | registry:component | Order book is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/order-book.json` |
| calibration-plot | registry:component | Calibration plot is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/calibration-plot.json` |
| stacked-area-chart | registry:component | Stacked area chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/stacked-area-chart.json` |
| grouped-bar-chart | registry:component | Grouped bar chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/grouped-bar-chart.json` |
| donut-chart | registry:component | Donut chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/donut-chart.json` |
| funnel-chart | registry:component | Funnel chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/funnel-chart.json` |
| cohort-retention | registry:component | Cohort retention is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/cohort-retention.json` |
| calendar-heatmap | registry:component | Calendar heatmap is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/calendar-heatmap.json` |
| bullet-chart | registry:component | Bullet chart is a production-ready charts component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/bullet-chart.json` |
| streaming-message | registry:component | Streaming message is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/streaming-message.json` |
| reasoning-disclosure | registry:component | Reasoning disclosure is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/reasoning-disclosure.json` |
| stream-status | registry:component | Stream status is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/stream-status.json` |
| message-branch | registry:component | Message branch is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/message-branch.json` |
| response-feedback | registry:component | Response feedback is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/response-feedback.json` |
| prompt-composer | registry:component | Prompt composer is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/prompt-composer.json` |
| model-selector | registry:component | Model selector is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/model-selector.json` |
| attachment-chips | registry:component | Attachment chips is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/attachment-chips.json` |
| suggested-prompts | registry:component | Suggested prompts is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/suggested-prompts.json` |
| context-meter | registry:component | Context meter is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/context-meter.json` |
| tool-call-card | registry:component | Tool call card is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/tool-call-card.json` |
| approval-gate | registry:component | Approval gate is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/approval-gate.json` |
| diff-review | registry:component | Diff review is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/diff-review.json` |
| artifact-panel | registry:component | Artifact panel is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/artifact-panel.json` |
| inline-ai-edit | registry:component | Inline AI edit is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/inline-ai-edit.json` |
| citation-chips | registry:component | Citation chips is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/citation-chips.json` |
| retrieval-inspector | registry:component | Retrieval inspector is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/retrieval-inspector.json` |
| memory-viewer | registry:component | Memory viewer is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/memory-viewer.json` |
| response-compare | registry:component | Response compare is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/response-compare.json` |
| cost-meter | registry:component | Cost meter is a production-ready ai component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/cost-meter.json` |
| plan-usage-card | registry:component | Plan usage card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/plan-usage-card.json` |
| payment-method-card | registry:component | Payment method card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/payment-method-card.json` |
| integration-card | registry:component | Integration card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/integration-card.json` |
| metric-card | registry:component | Metric card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/metric-card.json` |
| shipment-card | registry:component | Shipment card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/shipment-card.json` |
| now-playing-card | registry:component | Now playing card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/now-playing-card.json` |
| deployment-card | registry:component | Deployment card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/deployment-card.json` |
| team-invite-card | registry:component | Team invite card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/team-invite-card.json` |
| streak-card | registry:component | Streak card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/streak-card.json` |
| link-preview-card | registry:component | Link preview card is a production-ready cards component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/link-preview-card.json` |
| app-dashboard-shell | registry:block | Dashboard shell is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/app-dashboard-shell.json` |
| app-sign-in | registry:block | Sign in is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/app-sign-in.json` |
| app-settings | registry:block | Settings page is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/app-settings.json` |
| app-inbox | registry:block | Inbox is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/app-inbox.json` |
| app-ai-chat | registry:block | AI chat app is a production-ready blocks component from BJORK UI, packaged for shadcn registries. | `npx shadcn@latest add https://ui.isaiahbjork.com/app-ai-chat.json` |

## For AI agents

```text
You are adding components from @bjork-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/bjork-ui.md) for the component list.
2. Fetch the machine-readable index: https://ui.isaiahbjork.com/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: bjork-ui).
```