Fabrials UI

Loading state

✔ Preflight checks.
✔ Verifying framework. Found Next.js.
✔ Validating Tailwind CSS.
✔ Validating import alias.
✔ Writing components.json.
✔ Checking registry.
✔ Updating tailwind.config.ts
✔ Updating app/globals.css
✔ Installing dependencies.
ℹ Updated 1 file:- lib/utils.ts

Demo from Magic UI, shown with the Fabrials theme.

Installation

Add it by name, once the app knows the Fabrials registry.
```
npx shadcn@latest add @fabrials/magicui-terminal
```
Or by address: https://ui.fabrials.com/r/magicui-terminal.json
shadcn copies the source into your app and installs what it needs.
- - - terminal.tsxnew
- motion MIT

Origin and license

ui.fabrials.com republishes this component unchanged, with Magic UI's license at the top of every file. The copy was taken on 2026-09-27 and passed the license gate.

magicuidesign/magicuiMagic UI 23K 1.2K

Library: Magic UI
License: MIT, Copyright (c) Magic UI
Upstream entry: https://magicui.design/r/terminal.json
Source at: magicuidesign/magicui@d7207e5
Snapshot: sha256 05f5c6ae59595646…

Design notes

Where this component departs from the Fabrials design principles. It still works; decide whether it fits your product.

Literal coloursUses literal colours instead of theme tokens, so it will not follow the Fabrials palette or dark mode on its own.bg-red-500
Reduced motionAnimates without checking reduced motion; people who ask the system for less motion still get it.from "motion/react"