Element

Search items

Boot Sequence

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

ReactTailwindFeedback
Countdown

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

ReactTailwindFeedback
Derez Timer

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

ReactTailwindFeedback
Empty State

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

ReactTailwind
Energy Meter

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

ReactTailwindFeedback
Gauge
Animated

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

ReactTailwindFeedback
Notification

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

ReactTailwind
Regen Indicator

A pulsing regeneration status readout with cyan bars and monospace labeling.

ReactTailwind
Signal Indicator

A signal-strength display with status colors, glowing bars, and optional value labels.

ReactTailwind
Speed Indicator

A compact speed readout with a segmented bar, numeric value, and monospace HUD labels.

ReactTailwind
Status Bar

A collection of system status, uplink, information, and progress HUD displays.

ReactTailwind

A Tron-styled alert and banner pair with monospace text, status colors, and optional pulse.

ReactTailwind
Timer
Animated

A digital hours, minutes, and seconds display with size and status-color variants.

ReactTailwindFeedback
Toast

A toast provider and notification stack with status colors, scanlines, and HUD corners.

ReactTailwindFeedback
Alert
Feedback

A SwiftUI prompt that presents a title, supporting message and actions over the current view.

ExpoSwiftUIiOS, tvOS
ConfirmationDialog

A SwiftUI action prompt that presents a set of related choices, including destructive and cancel roles.

ExpoSwiftUIiOS, tvOS
PullToRefreshBox

A Jetpack Compose container that refreshes scrollable content after a downward pull gesture.

ExpoAndroid onlyExpo Go
Snackbar

A Jetpack Compose message that provides brief feedback near the bottom of the screen without blocking interaction.

ExpoAndroid onlyExpo Go
Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

ExpoUniversalExpo Go

An inline status message with an indicator, title and description for important information, warnings, successes and errors.

ExpoExpo Go
Alert
Feedback

A prominent feedback message that communicates important status, warning, success, or error information.

ReactTailwind
Error Message

A concise validation or failure message that explains what went wrong and helps a person recover.

ReactTailwind

An animated validation message that appears for invalid form fields and automatically consumes surrounding field state.

ExpoExpo Go