Components
Foundations1
What everything else is drawn with.
412 icons drawn as bent neon tube, with every lucide-react name for them. Blockout gaps where one tube passes behind another.
Forms22
Every field a settings page or a checkout needs, from a text box to a date range.
Solid, outline, soft, ghost and link buttons that light up on hover.
Text field with an animated neon focus ring, icons, labels and error states.
Multi-line field that grows with its content and counts characters.
Keyboard-friendly listbox with a glowing popover and typeahead.
Checkbox with a drawn-on checkmark and indeterminate state.
Single choice from a set, with arrow-key navigation and card layouts.
A toggle that powers on like a neon tube.
Pointer and keyboard slider with a glowing track and optional range.
One-time code input with auto-advance, paste and backspace handling.
Toggles and segmented controls with a lit pill that slides to the selection.
Searchable select with filtering, keyboard nav and an async-friendly API.
Type, paste or backspace your way through a row of glowing chips.
Steppers, drag-to-scrub, min, max, step and locale formatting.
Drag files in and the dashed tube border powers up. Lists files with progress.
Stars or bolts that flicker on as you hover, with half steps.
Neon gel swatches, a hue knob and a hex field in one control.
Single, range and multiple selection with full keyboard grid navigation.
A field that opens a calendar, with presets and range support.
Segmented hours and minutes you can type, arrow or scrub.
Label, description and error wiring for any control, plus a standalone Label.
Input or Textarea with icon, text, button and toolbar addons inside one field box that glows as a whole.
Password field with a reveal toggle, Caps Lock warning, four-segment strength meter and a rule checklist.
Data Display15
Badges, tables, tabs, charts and the containers that hold content.
Status labels with optional live dot and remove button.
Profile image with initials fallback, status light and stacked groups.
Surface with header, content and footer slots and a lit edge.
Keyboard keys and shortcuts that glow when pressed.
Tabbed panels with a sliding light indicator and roving focus.
Collapsible sections with smooth height animation.
Sortable, selectable table with a sticky header and a row hover beam.
Events on a tube that is lit up to now.
Line, area and bar charts with glow, crosshair tooltips and a Sparkline.
Highlighted code with file tabs, line numbers, lit lines, diffs, wrap and copy. Built-in tokenizer, no dependencies.
Sorting with Shift multi-sort, search, faceted filters, range selection, pages or load more. No table library.
KPI with a count-up value, a tube-drawn icon that lights when live, a delta judged by direction, a sparkline or goal.
Donut and pie charts bent from neon tube, with a lit hover, keyboard reading and an unlit remainder for max.
Before and after slider split by a lit tube. Drag, press, keys or hover to scrub; horizontal or vertical.
- HeatmapNew
Contribution calendar or labelled matrix, lit by value, with one tooltip and arrow-key navigation. SSR-stable.
Overlay11
Everything that floats above the page: dialogs, menus, popovers, sheets.
Accessible modal built on the native dialog element.
Hover and focus hints on four sides.
Menus with groups, checkable items, submenus and a gliding highlight.
Right-click menus built on the Dropdown Menu parts.
Anchored panel that flips to stay on screen, with arrow and focus handling.
Rich previews that open on hover or focus.
A ⌘K palette with groups, fuzzy search and keyboard navigation.
Side panel on the native dialog with a lit leading edge.
Confirm dialog on the native dialog element. Cancel takes focus; type-to-confirm lights the action up.
Bottom drawer with drag to dismiss, snap points, velocity-aware flicks, nesting and a scaled background.
- TourNew
Product tour: the page dims around a lit outline that glides from target to target, with a focus-trapped step card.
Feedback9
Progress, loading, alerts, toasts and the screen for when there's nothing yet.
Linear and circular progress with a moving highlight.
Ring, dots and bars loaders in any neon color.
Loading placeholders with a scanning shimmer.
Inline messages for info, success, warning and errors.
Stacked notifications with a tiny toast() API. No provider needed.
Empty state whose icon is an unlit neon tube that flickers on once there's an action to take.
Indicator lamp with six states: a bezelled panel LED, a dot or a live pulse, plus a group for service lists.
Announcement bar with a tube along its bottom edge that strikes on at mount. Remembers dismissal, can scroll.
Reading progress as a lit tube on the window edge, or a ring for back to top. Follows the page or any container.
Layout8
Separators, scroll areas and rows that fold away.
Hairlines and tube dividers, with optional labels.
Thin neon scrollbar with edge fades that appear only when needed.
A single disclosure with smooth height animation.
List row with media, title, description and actions, for settings, people, files and notifications.
Resizable panel groups: nested, collapsible, keyboard-driven, saved to localStorage. Grips light up as tubes.
Scroll-snap carousel with mouse drag, loop, autoplay that pauses itself, and dots that fill with the timer.
- Device FrameNew
Browser window and phone frames for screenshots or live UI, with a screen rim that catches the neon.
- Aspect RatioNew
Holds children at a fixed shape, from 16 / 9 or "4:3". Optional hairline frame with a lit corner tick.
AI11
Messages, a prompt box and the conversation that holds them.
A message row with streamed markdown, reasoning, tool calls, attachments, inline edit and hover actions.
An auto-growing composer with attachments by click, paste or drop, a token counter and a send button that becomes Stop.
A transcript that follows streaming text, stops when you scroll up and offers Jump to latest with an unread count.
- ReasoningNew
A thinking trace with a live line and timer. Its filament glows while it thinks and cools to a dim wire when done.
- Tool CallNew
One tool invocation with a status lamp, live timer, arguments, result and Approve/Deny. Groups into a run log.
- Agent PlanNew
An agent's steps on a glass tube that fills to the one running. Done, failed and skipped steps, substeps, findings.
- SourcesNew
Inline citation markers and a source list that light each other, with hover previews of the cited passage.
Context-window usage as an LED bar split by system, conversation, files and tools, with zones and a breakdown.
- Voice InputNew
Toggle or push-to-talk dictation with a live LED tape from the mic, a timer, cancel and a transcribing state.
- Model SelectNew
A model picker that prints context, speed and price as LED readouts in columns you can compare.
- SuggestionsNew
A row of prompt chips for under a chat input. One tab stop, arrow keys, edge fades while it scrolls.
Text10
Type that lights up, flickers, scrambles or flips.
Text rendered as a glowing tube sign, with optional power-on flicker.
A full sign: acrylic backplate, standoffs, frame tube, cable and a power switch with flicker profiles.
RGB-split text with slice jitter, in bursts or on hover.
Text that decodes into place from random glyphs.
A typing terminal and an inline typewriter for rotating headlines.
Departure-board characters that flip mechanically into place.
Numbers and clocks on segments you can see even when they're off.
Dot-matrix marquee with a built-in 5×7 font.
Rolling-drum counter that carries like real gearing. Lit, backlit and cream drums, locale-aware separators.
Cycles words in a headline like swapping a neon sign insert: the old tube powers off, the next one strikes.
Instruments11
Knobs, faders, gauges and scopes. Each one is a real input or a live readout.
A machined rotary control with a lit value arc and detents.
A mixing-desk channel fader with a scale and an LED meter.
Rocker, safety-cover flip and key switches you can almost feel.
Radial gauge with a sprung needle, redline and digital readout.
LED VU meter with zones and peak hold.
Animated spectrum bars, optionally driven by real audio.
A phosphor trace on a CRT grid, from waveforms or live audio.
A sweeping radar where blips flare as the beam passes.
A looping ECG trace with a bright leading edge.
Launch timers in split-flap, digital or neon-tube digits.
Analog and digital clocks with tube hands and a blinking colon.
Effects11
Light you put on something else: beams, frames, a cursor, CRT glass.
A beam of light that travels around any element's border.
Card whose border and surface light up under the cursor.
A 3D-tilting card with iridescent foil and a moving glare.
A HUD frame with corner brackets that draw in and label tabs.
Bent neon tube separators with mounting clips.
Scanlines, vignette, flicker and a power-on animation over anything.
A pointer light with an optional comet trail.
Infinite scrolling rows with edge fades and pause on hover.
Status icons whose bars light in sequence, and any NeonKit icon drawn as a lit tube.
- Signal BeamNew
A neon tube drawn between two elements, with a pulse of light running along it. Curves, reverses, runs both ways.
- SparksNew
Bursts of white-hot sparks that cool to the neon color, fired from a hook, a function or a click wrapper.
Backgrounds14
Full-bleed scenery for behind a section.
Synthwave perspective grid that scrolls toward the horizon.
Slow curtains of light drifting behind your content.
Parallax stars with a hyperspace warp.
Volumetric beams with drifting dust.
A night skyline with flickering windows and rooftop signs.
Droplets sliding down glass over neon bokeh.
Drifting dust that reacts to the cursor.
- GlobeNew
A dotted neon globe on canvas with real coastlines, pulsing markers and lit arcs. Drag or use arrow keys to spin.
- Dot GridNew
A pegboard of dots that light up near the pointer like LEDs behind a panel, with slow ripples rolling across.
- CircuitNew
A seeded PCB with buses of traces, vias and chips. Pulses of light run along the traces and light the pins they reach.
- LasersNew
Stage lasers fanning from the top or bottom edge, sweeping slowly through patchy haze, with a bright source flare.
- TunnelNew
Neon rings or corridor frames rushing toward you down a winding tunnel, drawn on canvas with soft halos.
- SunsetNew
A synthwave sun whose slits drift down and widen, behind rim-lit mountains. Lines up with Retro Grid.
- HazeNew
Drifting smoke lit by neon from below or a side: three layers of one noise tile, slid and lit each frame, no blur.