# jal-co/ui > jalco ui is a React component library by Justin Levine. It ships polished, composable components for React and Next.js projects, distributed via a shadcn-compatible registry. Install any component with a single command or copy the source directly. ## Install Components are installed using the shadcn CLI. No npm package to install — each component is copied into your project as source code. ``` npx shadcn@latest add https://ui.justinlevine.me/r/.json ``` Replace `` with any component name listed below. ## Key details - Built with React 19, Next.js 15, Tailwind CSS v4, and Radix UI primitives - All components are server-component-first where possible - No wrapper package — components are copied as source into your project - Uses class-variance-authority for variant systems - Designed for accessibility, composability, and copy-paste ergonomics - Source: https://github.com/jal-co/ui ## Components - [Code Line](https://ui.justinlevine.me/docs/components/code-line): Compact single-line code snippet with syntax highlighting and an inline copy button. Ideal for imports, CLI commands, env vars, and config values. - [API Reference Table](https://ui.justinlevine.me/docs/components/api-ref-table): Expandable prop reference table with color-coded types, optional descriptions, and full-type details. Designed for component documentation pages. - [Code Block](https://ui.justinlevine.me/docs/components/code-block): Syntax-highlighted code block with bundled language icon, copy button, and optional scrollable or collapsible overflow. Server component powered by shiki. - [Code Block Command](https://ui.justinlevine.me/docs/components/code-block-command): Tabbed CLI command block with package manager switching (pnpm, yarn, npm, bun, shadcn), bundled SVG icons, copy button, and localStorage persistence. - [AI Copy Button](https://ui.justinlevine.me/docs/components/ai-copy-button): Split button with a primary copy action and a dropdown of AI destinations. Copy content, view as markdown, or open in v0, ChatGPT, Claude, or Gemini. - [Request Viewer](https://ui.justinlevine.me/docs/components/request-viewer): Network request inspector showing headers, response body, and timing waterfall. Designed for dev dashboards, API documentation, and debugging tools. - [GitHub Stars Button](https://ui.justinlevine.me/docs/components/github-stars-button): Link button showing a GitHub repo's star count with the octocat icon. Async server component — fetches data at build time with ISR. - [GitHub Button Group](https://ui.justinlevine.me/docs/components/github-button-group): Segmented button group displaying multiple GitHub repo metrics with per-segment links. Async server component — fetches data at build time with ISR. - [Activity Graph](https://ui.justinlevine.me/docs/components/activity-graph): GitHub-style activity heatmap that visualizes daily counts as a color-intensity grid with month labels, day labels, and a Less/More legend. Includes a helper to fetch real GitHub contribution data by username. - [Crypto + Tip Jar](https://ui.justinlevine.me/docs/components/tip-jar): Donation and tipping component with QR code, wallet address or handle display, and copy-to-clipboard. Supports crypto chains (Ethereum, Bitcoin, Solana, and more) and platforms (PayPal, Ko-fi, Patreon). Six layout variants for different contexts. - [Cron Schedule](https://ui.justinlevine.me/docs/components/cron-schedule): Visual cron expression display with field breakdown, human-readable summary, and optional next-run preview. Designed for dashboards, serverless function docs, and scheduling UIs. - [JSON Viewer](https://ui.justinlevine.me/docs/components/json-viewer): Collapsible, syntax-colored JSON tree with path copying, search, expand/collapse controls, and 65 editor color themes. Designed for dev dashboards, API documentation, and debugging tools. - [Env Table](https://ui.justinlevine.me/docs/components/env-table): Read-only environment variable table with masked values, click-to-reveal, per-row copy, and bulk copy as .env. Designed for settings pages, deploy previews, and documentation. - [Log Viewer](https://ui.justinlevine.me/docs/components/log-viewer): Scrollable log output component for displaying streaming logs or CLI-style output in web apps. Three variants: terminal (full CLI-style with toolbar, line numbers, search), minimal (compact scrolling lines), and filterable (level filtering with counts). Supports colored log levels, timestamps, auto-scrolling, copy, and export. - [Stepper](https://ui.justinlevine.me/docs/components/stepper): Numbered step-by-step layout with vertical connector lines, auto-incrementing step numbers, and status indicators. Designed for installation guides, tutorials, onboarding flows, and multi-step documentation. Composable — nest any content inside each step. - [Product Hunt Button](https://ui.justinlevine.me/docs/components/producthunt-button): Link button showing a Product Hunt post's upvote count with the PH cat icon. Two layouts: inline button and expanded card. Async server component — fetches data at build time with ISR. - [npm Badge](https://ui.justinlevine.me/docs/components/npm-badge): Live npm package badge showing version, weekly downloads, license, and last publish date. Three layouts: inline pill, horizontal row, and expanded card. Async server component — fetches data at build time with ISR. ## Registry JSON - [code-line.json](https://ui.justinlevine.me/r/code-line.json): Registry JSON for Code Line - [api-ref-table.json](https://ui.justinlevine.me/r/api-ref-table.json): Registry JSON for API Reference Table - [code-block.json](https://ui.justinlevine.me/r/code-block.json): Registry JSON for Code Block - [code-block-command.json](https://ui.justinlevine.me/r/code-block-command.json): Registry JSON for Code Block Command - [ai-copy-button.json](https://ui.justinlevine.me/r/ai-copy-button.json): Registry JSON for AI Copy Button - [request-viewer.json](https://ui.justinlevine.me/r/request-viewer.json): Registry JSON for Request Viewer - [github-stars-button.json](https://ui.justinlevine.me/r/github-stars-button.json): Registry JSON for GitHub Stars Button - [github-button-group.json](https://ui.justinlevine.me/r/github-button-group.json): Registry JSON for GitHub Button Group - [activity-graph.json](https://ui.justinlevine.me/r/activity-graph.json): Registry JSON for Activity Graph - [tip-jar.json](https://ui.justinlevine.me/r/tip-jar.json): Registry JSON for Crypto + Tip Jar - [cron-schedule.json](https://ui.justinlevine.me/r/cron-schedule.json): Registry JSON for Cron Schedule - [json-viewer.json](https://ui.justinlevine.me/r/json-viewer.json): Registry JSON for JSON Viewer - [env-table.json](https://ui.justinlevine.me/r/env-table.json): Registry JSON for Env Table - [log-viewer.json](https://ui.justinlevine.me/r/log-viewer.json): Registry JSON for Log Viewer - [stepper.json](https://ui.justinlevine.me/r/stepper.json): Registry JSON for Stepper - [producthunt-button.json](https://ui.justinlevine.me/r/producthunt-button.json): Registry JSON for Product Hunt Button - [npm-badge.json](https://ui.justinlevine.me/r/npm-badge.json): Registry JSON for npm Badge ## Optional - [Installation guide](https://ui.justinlevine.me/docs/installation): How to set up jalco ui in a new or existing project - [Color Themes](https://ui.justinlevine.me/docs/themes): Available color themes and how to customize them - [GitHub](https://github.com/jal-co/ui): Source code repository