Afterglow

Overview

Afterglow is a terminal-inspired UI system for shadcn projects, made by thebuilder. It ships 66 installable registry items built on Base UI, with monospace type, hairline borders, square corners, stepped motion and CRT effects. Components install through the shadcn CLI, so the source stays in the codebase.

The registry covers 45 redrawn shadcn primitives, nine terminal-specific components, six effects, two hooks, two blocks and a preset. One dark surface palette comes with eight phosphor themes: green, orange, yellow, cyan, blue, magenta, red and grey. The full system can be installed in one step with npx shadcn@latest init https://afterglow.thebuilder.dk/r/terminal.json.

Features

• 45 primitives: Accordion, calendar, chart, code block, combobox, command, dialog, input OTP, resizable, table, toast and more in the terminal style.
• Terminal components: LED status lights, prompt, boot log, caret, connector, shell, screen and terminal window chrome.
• CRT effects: Scanlines, grain, glitch, and text that types or scrambles.
• Eight phosphor themes: Switch the accent between eight phosphor colors on one dark palette.
• Blocks: An operator dashboard and a terminal composition built from registry items.
• Hooks: use-copied and use-reduced-motion for component behavior.
• Full preset: One command installs the theme and every component.

Tech stack

• React
• Base UI
• shadcn CLI registry
• Recharts, Shiki, cmdk, Sonner, react-day-picker

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @afterglow/component-name