# NeonKit

> Neon UI components, blocks and templates for React and Tailwind CSS. Accessible, copied into your repo by the shadcn CLI, colored by one CSS variable.

NeonKit is a shadcn-compatible registry of 139 React components with neon glow effects, for dark interfaces. Components are copied into the user's project (not imported from a package). Notes for agents:

- Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/<name>.json`, or `npx shadcn@latest add @neonkit/<name>` after adding `"@neonkit": "https://neonkit.heyaadi.com/r/{name}.json"` to `registries` in components.json.
- Files land in `components/ui/<name>.tsx` and import `cn` from `@/lib/utils` and `neonVars` from `@/lib/neon`.
- Color: pass `color` (a palette name like "cyan" or "magenta", or any hex). Omit it to inherit `--neon-accent` from an ancestor, set with `style={neonVars("lime")}` or in CSS. Default is cyan.
- Works with Tailwind CSS 3.4 and 4 and React 18 and 19. Dark backgrounds only (around #05060a).
- Each component page below has a markdown version with install, usage, examples, props and full source.

## Docs

- [Introduction](https://neonkit.heyaadi.com/docs): what NeonKit is and how it works
- [Installation](https://neonkit.heyaadi.com/docs/installation): shadcn CLI, namespaced registry, manual setup
- [Theming](https://neonkit.heyaadi.com/docs/theming): the --neon variable, palette and custom colors
- [Design language](https://neonkit.heyaadi.com/docs/design): glow as light, when things glow, type, motion, radius, icon construction
- [Theme Studio](https://neonkit.heyaadi.com/theme): edit the palette, glow (--neon-glow), radius, surface and motion live; install the result with `npx shadcn@latest add "https://neonkit.heyaadi.com/r/theme?<query>"`
- [Use with AI](https://neonkit.heyaadi.com/docs/ai): MCP, Cursor, Copilot, v0 and prompts

## Foundations

- [Icons](https://neonkit.heyaadi.com/components/icons.md): 412 icons drawn as bent neon tube, with every lucide-react name for them. Blockout gaps where one tube passes behind another.

## Forms

- [Button](https://neonkit.heyaadi.com/components/button.md): Solid, outline, soft, ghost and link buttons that light up on hover.
- [Input](https://neonkit.heyaadi.com/components/input.md): Text field with an animated neon focus ring, icons, labels and error states.
- [Textarea](https://neonkit.heyaadi.com/components/textarea.md): Multi-line field that grows with its content and counts characters.
- [Select](https://neonkit.heyaadi.com/components/select.md): Keyboard-friendly listbox with a glowing popover and typeahead.
- [Checkbox](https://neonkit.heyaadi.com/components/checkbox.md): Checkbox with a drawn-on checkmark and indeterminate state.
- [Radio Group](https://neonkit.heyaadi.com/components/radio-group.md): Single choice from a set, with arrow-key navigation and card layouts.
- [Switch](https://neonkit.heyaadi.com/components/switch.md): A toggle that powers on like a neon tube.
- [Slider](https://neonkit.heyaadi.com/components/slider.md): Pointer and keyboard slider with a glowing track and optional range.
- [OTP Input](https://neonkit.heyaadi.com/components/otp-input.md): One-time code input with auto-advance, paste and backspace handling.
- [Toggle Group](https://neonkit.heyaadi.com/components/toggle-group.md): Toggles and segmented controls with a lit pill that slides to the selection.
- [Combobox](https://neonkit.heyaadi.com/components/combobox.md): Searchable select with filtering, keyboard nav and an async-friendly API.
- [Tag Input](https://neonkit.heyaadi.com/components/tag-input.md): Type, paste or backspace your way through a row of glowing chips.
- [Number Input](https://neonkit.heyaadi.com/components/number-input.md): Steppers, drag-to-scrub, min, max, step and locale formatting.
- [File Dropzone](https://neonkit.heyaadi.com/components/file-dropzone.md): Drag files in and the dashed tube border powers up. Lists files with progress.
- [Rating](https://neonkit.heyaadi.com/components/rating.md): Stars or bolts that flicker on as you hover, with half steps.
- [Color Picker](https://neonkit.heyaadi.com/components/color-picker.md): Neon gel swatches, a hue knob and a hex field in one control.
- [Calendar](https://neonkit.heyaadi.com/components/calendar.md): Single, range and multiple selection with full keyboard grid navigation.
- [Date Picker](https://neonkit.heyaadi.com/components/date-picker.md): A field that opens a calendar, with presets and range support.
- [Time Input](https://neonkit.heyaadi.com/components/time-input.md): Segmented hours and minutes you can type, arrow or scrub.
- [Field](https://neonkit.heyaadi.com/components/field.md): Label, description and error wiring for any control, plus a standalone Label.
- [Input Group](https://neonkit.heyaadi.com/components/input-group.md): Input or Textarea with icon, text, button and toolbar addons inside one field box that glows as a whole.
- [Password Input](https://neonkit.heyaadi.com/components/password-input.md): Password field with a reveal toggle, Caps Lock warning, four-segment strength meter and a rule checklist.

## Buttons

- [Shimmer Button](https://neonkit.heyaadi.com/components/shimmer-button.md): A light sweeps across the face while a beam runs the border.
- [Pulse Button](https://neonkit.heyaadi.com/components/pulse-button.md): A ring pulses outward to call attention.
- [Magnetic Button](https://neonkit.heyaadi.com/components/magnetic-button.md): Pulled toward the cursor, with a label that leads.
- [Power Button](https://neonkit.heyaadi.com/components/power-button.md): A round power key that ignites with a flickering ring.
- [Cyber Button](https://neonkit.heyaadi.com/components/cyber-button.md): Cut corners, a corner tick and a glitch on hover.
- [Hold Button](https://neonkit.heyaadi.com/components/hold-button.md): Hold to confirm: a tube fills, release drains it.
- [Copy Button](https://neonkit.heyaadi.com/components/copy-button.md): Copy to clipboard with a drawn-on check.
- [Button Group](https://neonkit.heyaadi.com/components/button-group.md): Attached buttons, inputs and text segments with single-pixel seams, split buttons and vertical stacks.

## Data Display

- [Badge](https://neonkit.heyaadi.com/components/badge.md): Status labels with optional live dot and remove button.
- [Avatar](https://neonkit.heyaadi.com/components/avatar.md): Profile image with initials fallback, status light and stacked groups.
- [Card](https://neonkit.heyaadi.com/components/card.md): Surface with header, content and footer slots and a lit edge.
- [Kbd](https://neonkit.heyaadi.com/components/kbd.md): Keyboard keys and shortcuts that glow when pressed.
- [Tabs](https://neonkit.heyaadi.com/components/tabs.md): Tabbed panels with a sliding light indicator and roving focus.
- [Accordion](https://neonkit.heyaadi.com/components/accordion.md): Collapsible sections with smooth height animation.
- [Table](https://neonkit.heyaadi.com/components/table.md): Sortable, selectable table with a sticky header and a row hover beam.
- [Timeline](https://neonkit.heyaadi.com/components/timeline.md): Events on a tube that is lit up to now.
- [Glow Chart](https://neonkit.heyaadi.com/components/glow-chart.md): Line, area and bar charts with glow, crosshair tooltips and a Sparkline.
- [Code Block](https://neonkit.heyaadi.com/components/code-block.md): Highlighted code with file tabs, line numbers, lit lines, diffs, wrap and copy. Built-in tokenizer, no dependencies.
- [Data Table](https://neonkit.heyaadi.com/components/data-table.md): Sorting with Shift multi-sort, search, faceted filters, range selection, pages or load more. No table library.
- [Stat](https://neonkit.heyaadi.com/components/stat.md): KPI with a count-up value, a tube-drawn icon that lights when live, a delta judged by direction, a sparkline or goal.
- [Donut Chart](https://neonkit.heyaadi.com/components/donut-chart.md): Donut and pie charts bent from neon tube, with a lit hover, keyboard reading and an unlit remainder for max.
- [Image Compare](https://neonkit.heyaadi.com/components/image-compare.md): Before and after slider split by a lit tube. Drag, press, keys or hover to scrub; horizontal or vertical.
- [Heatmap](https://neonkit.heyaadi.com/components/heatmap.md): Contribution calendar or labelled matrix, lit by value, with one tooltip and arrow-key navigation. SSR-stable.

## Navigation

- [Breadcrumb](https://neonkit.heyaadi.com/components/breadcrumb.md): Path navigation with separators and overflow collapse.
- [Pagination](https://neonkit.heyaadi.com/components/pagination.md): Page controls with a sliding active indicator and a compact mode.
- [Stepper](https://neonkit.heyaadi.com/components/stepper.md): Steps joined by a tube that fills as you progress.
- [Navigation Menu](https://neonkit.heyaadi.com/components/navigation-menu.md): Top navigation with mega-menu panels and a moving light indicator.
- [Sidebar](https://neonkit.heyaadi.com/components/sidebar.md): App sidebar with groups, collapse-to-rail and an active tube marker.
- [Menubar](https://neonkit.heyaadi.com/components/menubar.md): Application menubar with the APG keyboard model, hover switching, submenus, checkbox and radio items.
- [Tree View](https://neonkit.heyaadi.com/components/tree-view.md): File tree with the APG keyboard model, typeahead, multi-select, lazy folders and a lit guide down the open branch.
- [Dock](https://neonkit.heyaadi.com/components/dock.md): Magnifying dock on springs, with tooltips, running tubes, badges, separators and a one-stop keyboard toolbar.

## Overlay

- [Dialog](https://neonkit.heyaadi.com/components/dialog.md): Accessible modal built on the native dialog element.
- [Tooltip](https://neonkit.heyaadi.com/components/tooltip.md): Hover and focus hints on four sides.
- [Dropdown Menu](https://neonkit.heyaadi.com/components/dropdown-menu.md): Menus with groups, checkable items, submenus and a gliding highlight.
- [Context Menu](https://neonkit.heyaadi.com/components/context-menu.md): Right-click menus built on the Dropdown Menu parts.
- [Popover](https://neonkit.heyaadi.com/components/popover.md): Anchored panel that flips to stay on screen, with arrow and focus handling.
- [Hover Card](https://neonkit.heyaadi.com/components/hover-card.md): Rich previews that open on hover or focus.
- [Command](https://neonkit.heyaadi.com/components/command.md): A ⌘K palette with groups, fuzzy search and keyboard navigation.
- [Sheet](https://neonkit.heyaadi.com/components/sheet.md): Side panel on the native dialog with a lit leading edge.
- [Alert Dialog](https://neonkit.heyaadi.com/components/alert-dialog.md): Confirm dialog on the native dialog element. Cancel takes focus; type-to-confirm lights the action up.
- [Drawer](https://neonkit.heyaadi.com/components/drawer.md): Bottom drawer with drag to dismiss, snap points, velocity-aware flicks, nesting and a scaled background.
- [Tour](https://neonkit.heyaadi.com/components/tour.md): Product tour: the page dims around a lit outline that glides from target to target, with a focus-trapped step card.

## Feedback

- [Progress](https://neonkit.heyaadi.com/components/progress.md): Linear and circular progress with a moving highlight.
- [Spinner](https://neonkit.heyaadi.com/components/spinner.md): Ring, dots and bars loaders in any neon color.
- [Skeleton](https://neonkit.heyaadi.com/components/skeleton.md): Loading placeholders with a scanning shimmer.
- [Alert](https://neonkit.heyaadi.com/components/alert.md): Inline messages for info, success, warning and errors.
- [Toast](https://neonkit.heyaadi.com/components/toast.md): Stacked notifications with a tiny toast() API. No provider needed.
- [Empty](https://neonkit.heyaadi.com/components/empty.md): Empty state whose icon is an unlit neon tube that flickers on once there's an action to take.
- [Status Light](https://neonkit.heyaadi.com/components/status-light.md): Indicator lamp with six states: a bezelled panel LED, a dot or a live pulse, plus a group for service lists.
- [Banner](https://neonkit.heyaadi.com/components/banner.md): Announcement bar with a tube along its bottom edge that strikes on at mount. Remembers dismissal, can scroll.
- [Scroll Progress](https://neonkit.heyaadi.com/components/scroll-progress.md): Reading progress as a lit tube on the window edge, or a ring for back to top. Follows the page or any container.

## Layout

- [Separator](https://neonkit.heyaadi.com/components/separator.md): Hairlines and tube dividers, with optional labels.
- [Scroll Area](https://neonkit.heyaadi.com/components/scroll-area.md): Thin neon scrollbar with edge fades that appear only when needed.
- [Collapsible](https://neonkit.heyaadi.com/components/collapsible.md): A single disclosure with smooth height animation.
- [Item](https://neonkit.heyaadi.com/components/item.md): List row with media, title, description and actions, for settings, people, files and notifications.
- [Resizable](https://neonkit.heyaadi.com/components/resizable.md): Resizable panel groups: nested, collapsible, keyboard-driven, saved to localStorage. Grips light up as tubes.
- [Carousel](https://neonkit.heyaadi.com/components/carousel.md): Scroll-snap carousel with mouse drag, loop, autoplay that pauses itself, and dots that fill with the timer.
- [Device Frame](https://neonkit.heyaadi.com/components/device-frame.md): Browser window and phone frames for screenshots or live UI, with a screen rim that catches the neon.
- [Aspect Ratio](https://neonkit.heyaadi.com/components/aspect-ratio.md): Holds children at a fixed shape, from 16 / 9 or "4:3". Optional hairline frame with a lit corner tick.

## AI

- [Chat Message](https://neonkit.heyaadi.com/components/chat-message.md): A message row with streamed markdown, reasoning, tool calls, attachments, inline edit and hover actions.
- [Prompt Input](https://neonkit.heyaadi.com/components/prompt-input.md): An auto-growing composer with attachments by click, paste or drop, a token counter and a send button that becomes Stop.
- [Conversation](https://neonkit.heyaadi.com/components/conversation.md): A transcript that follows streaming text, stops when you scroll up and offers Jump to latest with an unread count.
- [Reasoning](https://neonkit.heyaadi.com/components/reasoning.md): A thinking trace with a live line and timer. Its filament glows while it thinks and cools to a dim wire when done.
- [Tool Call](https://neonkit.heyaadi.com/components/tool-call.md): One tool invocation with a status lamp, live timer, arguments, result and Approve/Deny. Groups into a run log.
- [Agent Plan](https://neonkit.heyaadi.com/components/agent-plan.md): An agent's steps on a glass tube that fills to the one running. Done, failed and skipped steps, substeps, findings.
- [Sources](https://neonkit.heyaadi.com/components/sources.md): Inline citation markers and a source list that light each other, with hover previews of the cited passage.
- [Context Meter](https://neonkit.heyaadi.com/components/context-meter.md): Context-window usage as an LED bar split by system, conversation, files and tools, with zones and a breakdown.
- [Voice Input](https://neonkit.heyaadi.com/components/voice-input.md): Toggle or push-to-talk dictation with a live LED tape from the mic, a timer, cancel and a transcribing state.
- [Model Select](https://neonkit.heyaadi.com/components/model-select.md): A model picker that prints context, speed and price as LED readouts in columns you can compare.
- [Suggestions](https://neonkit.heyaadi.com/components/suggestions.md): A row of prompt chips for under a chat input. One tab stop, arrow keys, edge fades while it scrolls.

## Text

- [Neon Text](https://neonkit.heyaadi.com/components/neon-text.md): Text rendered as a glowing tube sign, with optional power-on flicker.
- [Neon Sign](https://neonkit.heyaadi.com/components/neon-sign.md): A full sign: acrylic backplate, standoffs, frame tube, cable and a power switch with flicker profiles.
- [Glitch Text](https://neonkit.heyaadi.com/components/glitch-text.md): RGB-split text with slice jitter, in bursts or on hover.
- [Scramble Text](https://neonkit.heyaadi.com/components/scramble-text.md): Text that decodes into place from random glyphs.
- [Terminal](https://neonkit.heyaadi.com/components/terminal.md): A typing terminal and an inline typewriter for rotating headlines.
- [Split-Flap Board](https://neonkit.heyaadi.com/components/split-flap.md): Departure-board characters that flip mechanically into place.
- [Seven-Segment Display](https://neonkit.heyaadi.com/components/seven-segment.md): Numbers and clocks on segments you can see even when they're off.
- [LED Matrix](https://neonkit.heyaadi.com/components/led-matrix.md): Dot-matrix marquee with a built-in 5×7 font.
- [Odometer](https://neonkit.heyaadi.com/components/odometer.md): Rolling-drum counter that carries like real gearing. Lit, backlit and cream drums, locale-aware separators.
- [Rotating Text](https://neonkit.heyaadi.com/components/rotating-text.md): Cycles words in a headline like swapping a neon sign insert: the old tube powers off, the next one strikes.

## Instruments

- [Knob](https://neonkit.heyaadi.com/components/knob.md): A machined rotary control with a lit value arc and detents.
- [Fader](https://neonkit.heyaadi.com/components/fader.md): A mixing-desk channel fader with a scale and an LED meter.
- [Hardware Switch](https://neonkit.heyaadi.com/components/hardware-switch.md): Rocker, safety-cover flip and key switches you can almost feel.
- [Gauge](https://neonkit.heyaadi.com/components/gauge.md): Radial gauge with a sprung needle, redline and digital readout.
- [Meter](https://neonkit.heyaadi.com/components/meter.md): LED VU meter with zones and peak hold.
- [Equalizer](https://neonkit.heyaadi.com/components/equalizer.md): Animated spectrum bars, optionally driven by real audio.
- [Oscilloscope](https://neonkit.heyaadi.com/components/oscilloscope.md): A phosphor trace on a CRT grid, from waveforms or live audio.
- [Radar](https://neonkit.heyaadi.com/components/radar.md): A sweeping radar where blips flare as the beam passes.
- [Heartbeat](https://neonkit.heyaadi.com/components/heartbeat.md): A looping ECG trace with a bright leading edge.
- [Countdown](https://neonkit.heyaadi.com/components/countdown.md): Launch timers in split-flap, digital or neon-tube digits.
- [Neon Clock](https://neonkit.heyaadi.com/components/neon-clock.md): Analog and digital clocks with tube hands and a blinking colon.

## Effects

- [Border Beam](https://neonkit.heyaadi.com/components/border-beam.md): A beam of light that travels around any element's border.
- [Spotlight Card](https://neonkit.heyaadi.com/components/spotlight-card.md): Card whose border and surface light up under the cursor.
- [Hologram Card](https://neonkit.heyaadi.com/components/hologram-card.md): A 3D-tilting card with iridescent foil and a moving glare.
- [Neon Frame](https://neonkit.heyaadi.com/components/neon-frame.md): A HUD frame with corner brackets that draw in and label tabs.
- [Tube Divider](https://neonkit.heyaadi.com/components/tube-divider.md): Bent neon tube separators with mounting clips.
- [CRT Overlay](https://neonkit.heyaadi.com/components/crt-overlay.md): Scanlines, vignette, flicker and a power-on animation over anything.
- [Cursor Glow](https://neonkit.heyaadi.com/components/cursor-glow.md): A pointer light with an optional comet trail.
- [Marquee](https://neonkit.heyaadi.com/components/marquee.md): Infinite scrolling rows with edge fades and pause on hover.
- [Neon Icon](https://neonkit.heyaadi.com/components/neon-icon.md): Status icons whose bars light in sequence, and any NeonKit icon drawn as a lit tube.
- [Signal Beam](https://neonkit.heyaadi.com/components/signal-beam.md): A neon tube drawn between two elements, with a pulse of light running along it. Curves, reverses, runs both ways.
- [Sparks](https://neonkit.heyaadi.com/components/sparks.md): Bursts of white-hot sparks that cool to the neon color, fired from a hook, a function or a click wrapper.

## Backgrounds

- [Retro Grid](https://neonkit.heyaadi.com/components/retro-grid.md): Synthwave perspective grid that scrolls toward the horizon.
- [Aurora](https://neonkit.heyaadi.com/components/aurora.md): Slow curtains of light drifting behind your content.
- [Starfield](https://neonkit.heyaadi.com/components/starfield.md): Parallax stars with a hyperspace warp.
- [Light Rays](https://neonkit.heyaadi.com/components/light-rays.md): Volumetric beams with drifting dust.
- [Cityscape](https://neonkit.heyaadi.com/components/cityscape.md): A night skyline with flickering windows and rooftop signs.
- [Rain on Glass](https://neonkit.heyaadi.com/components/rain-glass.md): Droplets sliding down glass over neon bokeh.
- [Particles](https://neonkit.heyaadi.com/components/particles.md): Drifting dust that reacts to the cursor.
- [Globe](https://neonkit.heyaadi.com/components/globe.md): A dotted neon globe on canvas with real coastlines, pulsing markers and lit arcs. Drag or use arrow keys to spin.
- [Dot Grid](https://neonkit.heyaadi.com/components/dot-grid.md): A pegboard of dots that light up near the pointer like LEDs behind a panel, with slow ripples rolling across.
- [Circuit](https://neonkit.heyaadi.com/components/circuit.md): A seeded PCB with buses of traces, vias and chips. Pulses of light run along the traces and light the pins they reach.
- [Lasers](https://neonkit.heyaadi.com/components/lasers.md): Stage lasers fanning from the top or bottom edge, sweeping slowly through patchy haze, with a bright source flare.
- [Tunnel](https://neonkit.heyaadi.com/components/tunnel.md): Neon rings or corridor frames rushing toward you down a winding tunnel, drawn on canvas with soft halos.
- [Sunset](https://neonkit.heyaadi.com/components/sunset.md): A synthwave sun whose slits drift down and widen, behind rim-lit mountains. Lines up with Retro Grid.
- [Haze](https://neonkit.heyaadi.com/components/haze.md): Drifting smoke lit by neon from below or a side: three layers of one noise tile, slid and lit each frame, no blur.

## Blocks

Whole sections built from NeonKit components. Gallery: https://neonkit.heyaadi.com/blocks
- [Sign Hero](https://neonkit.heyaadi.com/blocks/hero-sign): A neon sign headline on a lit wall, with a working power switch. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-sign.json`
- [Minimal Navbar](https://neonkit.heyaadi.com/blocks/navbar-minimal): Quiet navbar with a lit tube under the active link and a large-type mobile sheet. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/navbar-minimal.json`
- [Mega Menu Navbar](https://neonkit.heyaadi.com/blocks/navbar-mega): Mega menu with a live CI pipeline readout and a collapsible mobile sheet. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/navbar-mega.json`
- [Floating Navbar](https://neonkit.heyaadi.com/blocks/navbar-floating): Floating pill nav that tightens on scroll and grows a glowing reading-progress hairline. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/navbar-floating.json`
- [Grid Hero](https://neonkit.heyaadi.com/blocks/hero-grid): Retro-grid hero with a working email capture and a live webhook delivery log. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-grid.json`
- [Terminal Hero](https://neonkit.heyaadi.com/blocks/hero-terminal): Split hero where a typing terminal deploys, then 38 region bars light up on success. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-terminal.json`
- [City Hero](https://neonkit.heyaadi.com/blocks/hero-city): Night-skyline launch hero with a neon-tube countdown and a notify-me form. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-city.json`
- [Product Hero](https://neonkit.heyaadi.com/blocks/hero-product): Centered hero over a tilted, interactive analytics dashboard with light pooling beneath. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-product.json`
- [Split Form Hero](https://neonkit.heyaadi.com/blocks/hero-split-form): Split hero with a working email, OTP and vault-created sign-up flow. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-split-form.json`
- [Globe Hero](https://neonkit.heyaadi.com/blocks/hero-globe): Edge-network hero: a draggable globe of 18 regions with deploy arcs and a live p95 latency readout. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-globe.json`
- [Sunset Hero](https://neonkit.heyaadi.com/blocks/hero-sunset): Synthwave album launch over a sunset and grid floor: rotating format headline, format picker, release countdown. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/hero-sunset.json`
- [Bento Features](https://neonkit.heyaadi.com/blocks/features-bento): Live bento of meters, a threshold knob, latency readout, ECG watchdog and terminal. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/features-bento.json`
- [Alternating Features](https://neonkit.heyaadi.com/blocks/features-alternating): Three alternating rows of live UI: invoice search, due-date calendar, bank reconcile. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/features-alternating.json`
- [Spotlight Features](https://neonkit.heyaadi.com/blocks/features-spotlight): Spotlight cards where the number is the hero and lights up like a tube on hover. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/features-spotlight.json`
- [Before and After](https://neonkit.heyaadi.com/blocks/features-comparison): Before and after columns; a rocker switch powers the lit column's checks in sequence. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/features-comparison.json`
- [Feature Steps](https://neonkit.heyaadi.com/blocks/features-steps): Three working steps joined by a Stepper tube that fills as each one completes. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/features-steps.json`
- [Integrations Features](https://neonkit.heyaadi.com/blocks/features-integrations): Eight sources beamed into a hub and out to three destinations. Switch a source off and the count drops. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/features-integrations.json`
- [Logo Grid](https://neonkit.heyaadi.com/blocks/logos-grid): A hairline grid of twelve type-drawn wordmarks that flicker on like signs when hovered. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/logos-grid.json`
- [Logo Marquee](https://neonkit.heyaadi.com/blocks/logos-marquee): A logo marquee under a strip lamp: each wordmark lights up as it passes the middle. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/logos-marquee.json`
- [Stat Counters](https://neonkit.heyaadi.com/blocks/stats-counters): Seven-segment stats that count up in view, led by a live requests-served counter. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/stats-counters.json`
- [Stats with Chart](https://neonkit.heyaadi.com/blocks/stats-chart): Uptime KPIs and a glowing p95 chart with an SLO line and a 7/30/90-day range switch. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/stats-chart.json`
- [Testimonial Wall](https://neonkit.heyaadi.com/blocks/testimonials-wall): A masonry wall of twelve quotes with one lit featured card and a show-all toggle. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/testimonials-wall.json`
- [Testimonial Marquee](https://neonkit.heyaadi.com/blocks/testimonials-marquee): Two opposing quote marquees; hovering a card pauses it and lights its highlighted line. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/testimonials-marquee.json`
- [Big Quote](https://neonkit.heyaadi.com/blocks/testimonial-hero): An editorial big quote signed with a neon name sign that re-strikes per story. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/testimonial-hero.json`
- [Pricing Tiers](https://neonkit.heyaadi.com/blocks/pricing-tiers): Three plans with an odometer price roll on billing switch and a beamed featured tier. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/pricing-tiers.json`
- [Single Plan](https://neonkit.heyaadi.com/blocks/pricing-single): One plan with a lit price driven by a pageview slider and an honest not-included list. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/pricing-single.json`
- [Plan Comparison](https://neonkit.heyaadi.com/blocks/pricing-table): Full plan comparison table with tooltips, grouped rows and a sticky lit plan header. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/pricing-table.json`
- [FAQ Accordion](https://neonkit.heyaadi.com/blocks/faq-accordion): Two-column FAQ: an Accordion whose open answer lights a tube, plus a support card. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/faq-accordion.json`
- [Searchable FAQ](https://neonkit.heyaadi.com/blocks/faq-search): Command-powered FAQ search with grouped topics and a lit answer panel. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/faq-search.json`
- [CTA Band](https://neonkit.heyaadi.com/blocks/cta-band): Full-width call to action between two neon tubes that strike as it scrolls in. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/cta-band.json`
- [Open Sign CTA](https://neonkit.heyaadi.com/blocks/cta-sign): An OPEN neon sign on a brick wall; flip the switch and the CTA lights up. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/cta-sign.json`
- [Install Command CTA](https://neonkit.heyaadi.com/blocks/cta-terminal): Big headline over a glowing install prompt with a package-manager switch. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/cta-terminal.json`
- [Lasers CTA](https://neonkit.heyaadi.com/blocks/cta-lasers): Closing CTA under crossing lasers in haze. One big line whose ticket count ticks down, a button, one line of proof. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/cta-lasers.json`
- [Big Footer](https://neonkit.heyaadi.com/blocks/footer-big): Link columns, newsletter and status, over a giant outlined name that lights up. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/footer-big.json`
- [Minimal Footer](https://neonkit.heyaadi.com/blocks/footer-minimal): One calm row under a thin neon tube with electrode caps. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/footer-minimal.json`
- [Sign Footer](https://neonkit.heyaadi.com/blocks/footer-sign): A neon sign signature over a city skyline, with address and live opening hours. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/footer-sign.json`
- [Sign In](https://neonkit.heyaadi.com/blocks/auth-sign-in): Split sign-in with an orbiting satellite over a lit planet limb and a working form. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/auth-sign-in.json`
- [Sign Up](https://neonkit.heyaadi.com/blocks/auth-sign-up): Sign-up form whose LED strength meter and rule tubes light as the password improves. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/auth-sign-up.json`
- [Two-Factor Verify](https://neonkit.heyaadi.com/blocks/auth-verify): OTP check with a resend timer and a neon keystone that lights on success, red on failure. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/auth-verify.json`
- [Dashboard](https://neonkit.heyaadi.com/blocks/app-dashboard): Metrics dashboard with a rail sidebar, a glowing MRR chart and a sortable accounts table. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-dashboard.json`
- [Settings](https://neonkit.heyaadi.com/blocks/app-settings): Tabbed settings with a save bar that lights on changes and a hold-to-delete danger zone. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-settings.json`
- [Inbox](https://neonkit.heyaadi.com/blocks/app-inbox): Three-pane mail client with glowing unread dots, labels, archive, reply and compose. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-inbox.json`
- [Kanban Board](https://neonkit.heyaadi.com/blocks/app-kanban): Production board where cards fly between columns and WIP limits buzz red when exceeded. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-kanban.json`
- [Team Chat](https://neonkit.heyaadi.com/blocks/app-chat): Team chat with grouped messages, a working composer, glowing typing dots and replies. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-chat.json`
- [Notification Center](https://neonkit.heyaadi.com/blocks/app-notifications): Incident notification center with filters, day groups and a lit firing-alert detail pane. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-notifications.json`
- [Music Player](https://neonkit.heyaadi.com/blocks/app-music-player): Now-playing radio screen with SVG tube cover art, a live Equalizer, fader volume and queue. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-music-player.json`
- [Status Board](https://neonkit.heyaadi.com/blocks/app-server-status): Status board with a fleet Heartbeat, live load meters, 90-day uptime bars and an incident Timeline. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-server-status.json`
- [Onboarding](https://neonkit.heyaadi.com/blocks/app-onboarding): Three-step workspace setup with a Stepper and a live preview that retints to the chosen accent. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-onboarding.json`
- [Empty States](https://neonkit.heyaadi.com/blocks/app-empty-states): Four empty states with unlit glass tube illustrations that light on hover or success. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/app-empty-states.json`
- [404 No Vacancy](https://neonkit.heyaadi.com/blocks/marketing-404): Full-page 404 under a motel sign whose 0 is dying, with key-fob links to popular pages. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-404.json`
- [500 Power Outage](https://neonkit.heyaadi.com/blocks/marketing-500): Browned-out 500 page; flip the breaker panel's main switch to bring the lights back. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-500.json`
- [Newsletter](https://neonkit.heyaadi.com/blocks/marketing-newsletter): Newsletter capture card lit by a desk-lamp tube, with an expandable issue archive. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-newsletter.json`
- [Waitlist](https://neonkit.heyaadi.com/blocks/marketing-waitlist): Waitlist that hands you a split-flap ticket number and a referral link to copy. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-waitlist.json`
- [Team Grid](https://neonkit.heyaadi.com/blocks/marketing-team): Team grid of hologram ID cards, each with a lit tide line, plus filters and open roles. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-team.json`
- [Contact](https://neonkit.heyaadi.com/blocks/marketing-contact): Contact form with validation and studio hours on a live seven-segment clock. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-contact.json`
- [Changelog](https://neonkit.heyaadi.com/blocks/marketing-changelog): Release notes on a tube timeline lit from the newest version, with tag filters. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-changelog.json`
- [Blog Grid](https://neonkit.heyaadi.com/blocks/marketing-blog): Featured post and filterable card grid with blueprint covers, each with one lit stroke. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-blog.json`
- [Event Ticket](https://neonkit.heyaadi.com/blocks/marketing-event-ticket): Notched event ticket with a neon wordmark, seeded QR stub, countdown and wallet button. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-event-ticket.json`
- [Product Card](https://neonkit.heyaadi.com/blocks/marketing-product-card): Product card with an exploding isometric switch lit in its stem color, plus a live cart. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-product-card.json`
- [Device Showcase](https://neonkit.heyaadi.com/blocks/marketing-device): Laptop and phone frames running one live app: seat a party on the phone and its table lights up on the laptop. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/marketing-device.json`

## Templates

Complete Next.js sites built from NeonKit components. Each installs pages to app/<name> and sections to components/templates/<name>. Gallery: https://neonkit.heyaadi.com/templates
- [SaaS landing](https://neonkit.heyaadi.com/templates/saas): Nightshift, a deploy scheduler: a lit 2am headline, a live night-run panel, pricing and a plan comparison page. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/saas.json`
- [Dashboard](https://neonkit.heyaadi.com/templates/dashboard): Switchback, a deploy platform console: live overview, filterable projects and tabbed team settings. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/dashboard.json`
- [Portfolio](https://neonkit.heyaadi.com/templates/portfolio): Juno Park, a design engineer: one page under a pendant lamp whose pull cord turns every light off. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/portfolio.json`
- [Launch event](https://neonkit.heyaadi.com/templates/launch): Low Light, a one-night conference: a split-flap countdown that flips to live, then to the replay. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/launch.json`
- [Docs](https://neonkit.heyaadi.com/templates/docs): Gantry, a container CLI: sidebar nav, ⌘K search, an outline that tracks your reading and MDX-ready blocks. Install: `npx shadcn@latest add https://neonkit.heyaadi.com/r/docs.json`

## Optional

- [Full documentation](https://neonkit.heyaadi.com/llms-full.txt): every guide and component, including source, in one file
- [Registry index](https://neonkit.heyaadi.com/r/registry.json): machine-readable list of registry items
- [GitHub](https://github.com/AadiXC0DE/NeonKit): source, issues and component requests