NeoTerm UI
A terminal-inspired component library for React & Next.js — CRT aesthetics, neon glow effects, and monospace typography designed for dashboards that look alive.
What is NeoTerm UI?
NeoTerm UI is a collection of 40+ React components styled with a retro-futuristic terminal aesthetic. Every component is built with TypeScript, Tailwind CSS 4, and Radix UI primitives — fully accessible, dark-mode-first, and designed to drop into any Next.js project.
Neon glow effects
CRT phosphor glow, scanline overlays, and animated neon accents.
40+ Components
From KPI cards to log viewers — everything a terminal dashboard needs.
Dark-first design
Optimised for dark interfaces with a clean light-mode fallback.
Tailwind CSS 4
CSS variable tokens — customise every colour with one variable change.
Radix UI primitives
ARIA roles, keyboard navigation, and focus management baked in.
TypeScript native
Fully typed props and exports — no any, no guessing.
Quick start
npm install neoterm-ui
Then follow the full Installation guide to import styles and set up Tailwind CSS 4.
Component categories
TerminalBox, Card, Modal, Drawer, CodeBlock, CommandLine
KpiCard, Sparkline, Donut, Gauge, HeatMap, DataList, LogViewer…
Alert, Toast, ProgressBar, StatusDot, StatusBadge, Spinner
AnimateIn, Typewriter, CountUp, Glow
CommandPalette, Breadcrumb, Stepper, Dropdown, Tabs
Button, Input, Textarea, Select, Checkbox, Switch, Slider…
MatrixRain, GridPattern, GradientText, ScanlineOverlay, Tag
Badge, Led, Tooltip, Avatar, Skeleton, Separator