gridcn

gridcn

Agent Avatar

Avatar

An agent avatar with status indicators, glowing rings, and optional pulse animation.

gridcn

Announcement Bar

Announcement

A dismissible announcement strip with an action link, scanlines, and HUD-style glow.

gridcn

Anomaly Banner

Announcement

An animated anomaly warning banner with amber scan effects and a technical HUD readout.

gridcn

Arrival Panel

Card

A gridded HUD panel for displaying an arrival title, subtitle, time, and unit.

gridcn

Avatar Group

Avatar

An overlapping avatar stack with colored status glows and an overflow count.

gridcn

Beam Marker

Background

A map-style beam marker with coordinates, labels, glowing accents, and HUD corners.

gridcn

Bento Grid

Bento

A responsive bento layout with glowing borders, scanlines, and HUD-style corner framing.

gridcn

Boot Sequence

Animated

An animated boot sequence that reveals system steps inside a scanlined HUD frame.

gridcn

Breadcrumb Nav

Navigation

A monospace breadcrumb trail with uppercase labels and Tron-style active accents.

gridcn

Changelog

Timeline

A chronological change feed with status glows, scanlines, and HUD-style framing.

gridcn

Chip

Badge

A compact selectable or removable chip with monospace HUD styling.

gridcn

Circuit Background

Background

A decorative circuit-board background with animated paths and primary-color accents.

gridcn

Command Menu

Menu

A searchable command palette with scanlines, glowing accents, and HUD corner details.

gridcn

Comparison Table

Table

A feature comparison table with scanlines, monospace labels, and HUD corner framing.

gridcn

Countdown

Animated

A segmented countdown readout with uppercase labels and Tron-style color variants.

gridcn

CRT Effect

Animated

CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation. * Wrap any content to give it a retro CRT monitor appearance.

gridcn

CTA Banner

CTA

A call-to-action banner with glowing controls, scanlines, and HUD corner framing.

gridcn

Data Card

Card

A HUD-style card for labeled data fields, subtitles, and status indicators.

gridcn

Data Stream

List

A streaming event feed with staggered entries, status glows, scanlines, and HUD framing.

gridcn

Data Table

Table

A sortable data table with staggered row reveals, scanlines, and HUD corner accents.

gridcn

Derez Timer

Animated

A glowing digital countdown for minutes, seconds, and milliseconds with a derez effect.

gridcn

Diagnostics Panel

Card

A diagnostics panel for status metrics with colored glows, scanlines, and HUD framing.

gridcn

Divider

Separator

A horizontal or vertical divider with optional labels and Tron-style glow variants.

gridcn

Dropdown

Input

A trigger-based action menu with scanlines, monospace labels, and HUD corner details.

gridcn

Empty State

Feedback

An empty-state panel with an icon, description, action, and HUD-style corner accents.

gridcn

Energy Meter

Animated

A segmented energy meter with status colors, glow, scanlines, and optional value labels.

gridcn

FAQ

FAQ

An accordion-based FAQ with a subtle grid, scanlines, and HUD corner framing.

gridcn

Feature Card

Card

A feature card with glowing accents, scanlines, and HUD-style corner framing.

gridcn

File Upload

Upload

A drag-and-drop file picker with validation, glowing borders, and HUD corner accents.

gridcn

Floating Panel

Card

A positioned data panel with compact monospace labels and HUD corner brackets.

gridcn

Gauge

Animated

A radial value gauge with configurable ranges, status variants, glow, and pulse effects.

gridcn

Glow Container

Background

A wrapper that adds configurable glow intensity, pulsing, and hover effects to content.

gridcn

Grid Scan Overlay

Animated

An animated grid overlay with a sweeping primary-color scan line.

gridcn

Heatmap

Chart

A labeled heatmap with glowing intensity cells, scanlines, and HUD corner framing.

gridcn

Hud Corner Frame

Background

A decorative HUD corner bracket that can be positioned around framed content.

gridcn

HUD Frame

Background

A reusable HUD frame with corner brackets, an optional label, and a subtle grid.

gridcn

Identity Disc

Media

A glowing identity profile display with avatar, designation, access level, and status.

gridcn

Kanban Board

List

A draggable kanban board with scanlined columns, status accents, and HUD framing.

gridcn

Location Display

Text

A compact location HUD for sector, grid, coordinates, and connection status.

gridcn

Logo Cloud

Logo Cloud

An animated logo marquee with scanlines, uppercase labels, and HUD corner framing.

gridcn

Marquee

Animated

An infinitely scrolling row with direction, speed, style, and pause-on-hover controls.

gridcn

Modal

Overlay

A controlled modal with title, description, footer, scanlines, and HUD corner framing.

gridcn

Notification

Feedback

A dismissible notification card with status variants, glow, scanlines, and HUD framing.

gridcn

Number Input

Input

A numeric input with increment and decrement controls and compact monospace labels.

gridcn

Pricing Card

Card

A pricing plan card with feature lists, glowing emphasis, scanlines, and HUD framing.

gridcn

Progress Bar

Loader

A labeled progress bar with status glows, animated stripes, and scanline styling.

gridcn

Progress Ring

Loader

A circular progress indicator with configurable size, status color, glow, and pulse.

gridcn

Radar

Animated

An animated radar display with targets, range rings, glow, and a sweeping beam.