# Hulian UI (`@hulianui/ui`)

> A polished, practical React design system built with Base UI, Tailwind CSS v4, and Motion · 399 components · v0.68.0

AI-oriented index. See [llms-full.txt](./llms-full.txt) for the self-contained corpus or follow a component link for its focused guide.
Install with `npm i @hulianui/ui`. Import from the root barrel with `import { X } from "@hulianui/ui"`, or use `@hulianui/ui/<slug>` for a small component set.
Use library components in product code, avoid local style overrides, and add missing capabilities upstream.
Doing constrained generation? Read [llms-props.json](./llms-props.json) instead of parsing these tables: every prop with its kind, enum values, default, plus an `exportIndex` mapping export name to component.

## Layout (layout, 15)
- [AdminLayout](https://hulianui.haloritual.com/components/admin-layout): Provides an admin shell with navigation, header actions, managed route tabs, and scrollable content.
- [AspectRatio](https://hulianui.haloritual.com/components/aspect-ratio): Keeps media or content inside a fixed width-to-height ratio.
- [Container](https://hulianui.haloritual.com/components/container): Constrains type-safe polymorphic content through 3xl widths with independent centering and horizontal padding controls.
- [Divider](https://hulianui.haloritual.com/components/divider): Separates content with optional text, alignment, dashed styling, or vertical orientation.
- [FitScreen](https://hulianui.haloritual.com/components/fit-screen): Scales a fixed design canvas to fit, cover, or stretch within its container.
- [Grid](https://hulianui.haloritual.com/components/grid): Defines type-safe polymorphic grid columns through the 2xl breakpoint with gaps and child row or column spans.
- [Layout](https://hulianui.haloritual.com/components/layout): Composes full-page header, sider, content, and footer regions with a collapsible sider.
- [Masonry](https://hulianui.haloritual.com/components/masonry): Distributes items deterministically across responsive columns without hydration-order changes.
- [PreviewSandbox](https://hulianui.haloritual.com/components/preview-sandbox): Isolated preview shell with device viewports, scale-to-fit, and error capture.
- [Resizable](https://hulianui.haloritual.com/components/resizable): Builds keyboard-accessible horizontal or vertical split panes with size constraints.
- [ScrollArea](https://hulianui.haloritual.com/components/scroll-area): Adds slim custom scrollbars for vertical, horizontal, or two-axis overflow.
- [Separator](https://hulianui.haloritual.com/components/separator): Renders an accessible horizontal or vertical separator with correct geometry.
- [Spacer](https://hulianui.haloritual.com/components/spacer): Inserts token-scaled horizontal or vertical layout space without semantic content.
- [Stack](https://hulianui.haloritual.com/components/stack): Arranges type-safe polymorphic flex content with gap, alignment, wrapping, and responsive direction through 2xl.
- [Viewport](https://hulianui.haloritual.com/components/viewport): Creates a container-query viewport with web, tablet, and phone width presets.

## Typography (typography, 37)
- [AnimatedGradientText](https://hulianui.haloritual.com/components/animated-gradient-text): Moves a configurable gradient through text for animated emphasis.
- [AnimatedShinyText](https://hulianui.haloritual.com/components/animated-shiny-text): Sweeps a restrained highlight across inline text.
- [ASCIIText](https://hulianui.haloritual.com/components/ascii-text): Renders supplied text as an animated ASCII glyph field.
- [AuroraText](https://hulianui.haloritual.com/components/aurora-text): Animates a multicolor aurora gradient across inline text.
- [BlurText](https://hulianui.haloritual.com/components/blur-text): Reveals text through staged blur, opacity, and position transitions.
- [CircularText](https://hulianui.haloritual.com/components/circular-text): Places characters evenly around a rotating circular path with hover speed modes, inherited color, and a static reduced-motion state.
- [Code](https://hulianui.haloritual.com/components/code): Styles short inline code fragments with a token-aware monospace surface.
- [CodeBlock](https://hulianui.haloritual.com/components/code-block): Displays multiline code with an optional language label and copy action.
- [CodeDiff](https://hulianui.haloritual.com/components/code-diff): Shows line-oriented additions and removals in unified or split views with line numbers and a summary.
- [CurvedLoop](https://hulianui.haloritual.com/components/curved-loop): Repeats text along a draggable curved path in a continuous loop.
- [DecryptedText](https://hulianui.haloritual.com/components/decrypted-text): Scrambles and progressively resolves characters into the supplied text.
- [FallingText](https://hulianui.haloritual.com/components/falling-text): Turns words into gravity-driven interactive falling bodies.
- [FlipText](https://hulianui.haloritual.com/components/flip-text): Flips a heading character by character in 3D when the pointer enters it.
- [Formula](https://hulianui.haloritual.com/components/math): KaTeX-powered two-dimensional layout for piecewise functions, matrices, and large delimiters.
- [FuzzyText](https://hulianui.haloritual.com/components/fuzzy-text): Adds animated displacement noise to text while keeping its silhouette readable.
- [GlitchText](https://hulianui.haloritual.com/components/glitch-text): Adds layered chromatic offsets and jitter to create a controlled glitch effect.
- [Heading](https://hulianui.haloritual.com/components/heading): Renders semantic heading levels with independently configurable visual size and weight.
- [Kbd](https://hulianui.haloritual.com/components/kbd): Displays keyboard keys or shortcuts with inline keycap styling.
- [LineShadowText](https://hulianui.haloritual.com/components/line-shadow-text): Offsets a hard-edged striped shadow behind short display text.
- [Markdown](https://hulianui.haloritual.com/components/markdown): Renders read-only Markdown blocks, inline formatting, links, quotes, lists, and fenced code.
- [Prose](https://hulianui.haloritual.com/components/prose): Styles rich-text descendants with consistent semantic typography tokens.
- [ScrambledText](https://hulianui.haloritual.com/components/scrambled-text): Temporarily scrambles characters before resolving the original text.
- [ScrollFloat](https://hulianui.haloritual.com/components/scroll-float): Floats split text into place in response to scroll progress.
- [ScrollReveal](https://hulianui.haloritual.com/components/scroll-reveal): Reveals words progressively as their text block enters and moves through the viewport.
- [ScrollVelocity](https://hulianui.haloritual.com/components/scroll-velocity): Moves repeated text horizontally according to scroll speed and direction.
- [Shuffle](https://hulianui.haloritual.com/components/shuffle): Scrambles characters and then locks the original text into place in sequence.
- [Snippet](https://hulianui.haloritual.com/components/snippet): Presents a compact command or code snippet with one-click copying.
- [SparklesText](https://hulianui.haloritual.com/components/sparkles-text): Surrounds text with animated sparkles generated on the client.
- [SplitText](https://hulianui.haloritual.com/components/split-text): Splits text into animatable characters or words for staggered reveal effects.
- [Text](https://hulianui.haloritual.com/components/text): Applies semantic size, tone, weight, truncation, and polymorphic element choices to text.
- [TextCursor](https://hulianui.haloritual.com/components/text-cursor): Drops a fading trail of text glyphs along pointer movement inside a container.
- [TextPressure](https://hulianui.haloritual.com/components/text-pressure): Varies glyph weight, width, slant, and opacity according to pointer proximity.
- [TextReveal](https://hulianui.haloritual.com/components/text-reveal): Sweeps a colour band across the text, revealing it from transparent to solid.
- [TrueFocus](https://hulianui.haloritual.com/components/true-focus): Moves an animated focus frame and blur treatment between words.
- [TypingAnimation](https://hulianui.haloritual.com/components/typing-animation): Reveals text character by character with configurable timing and cursor behavior.
- [VariableProximity](https://hulianui.haloritual.com/components/variable-proximity): Adjusts variable-font axes as the pointer approaches each character.
- [WordRotate](https://hulianui.haloritual.com/components/word-rotate): Cycles through words with enter and exit transitions.

## Forms (forms, 70)
- [AuthPanel](https://hulianui.haloritual.com/components/auth-panel): Builds the branded half of a split authentication page with token-based gradients, highlights, content, and a footer.
- [Button](https://hulianui.haloritual.com/components/button): Triggers actions through solid, soft, outline, ghost, or danger variants.
- [ButtonGroup](https://hulianui.haloritual.com/components/button-group): Joins related buttons into a segmented horizontal or vertical control.
- [Calendar](https://hulianui.haloritual.com/components/calendar): Displays a navigable day, month, or year calendar with limits and disabled-date rules.
- [Cascader](https://hulianui.haloritual.com/components/cascader): Selects a value through linked hierarchical option columns.
- [CellEditor](https://hulianui.haloritual.com/components/cell-editor): Edits one table cell in place: plain-text appearance at rest, commit on blur or Enter, no write when unchanged, Esc rollback, muted missing values, CSS field-sizing growth, and self-managed pending state.
- [Checkbox](https://hulianui.haloritual.com/components/checkbox): Toggles an independent boolean value with an indeterminate state.
- [CheckboxGroup](https://hulianui.haloritual.com/components/checkbox-group): Coordinates an array of values across a group of checkboxes.
- [Choicebox](https://hulianui.haloritual.com/components/choicebox): Selects one rich option from cards containing titles, descriptions, and supporting content.
- [ClickCaptcha](https://hulianui.haloritual.com/components/click-captcha): Collects an ordered set of relative image coordinates with undo, refresh, and keyboard crosshair controls.
- [CodeEditor](https://hulianui.haloritual.com/components/code-editor): Dependency-free code editor with syntax colors, a gutter, and full keyboard editing.
- [ColorField](https://hulianui.haloritual.com/components/color-field): Edits a hexadecimal color through a swatch, system picker, text input, and shorthand expansion.
- [ColorPicker](https://hulianui.haloritual.com/components/colorpicker): Selects colors through saturation and hue controls with HEX, RGB, or HSL output.
- [ColorSwatchPicker](https://hulianui.haloritual.com/components/color-swatch-picker): Chooses a color from a labeled, keyboard-accessible swatch collection.
- [Combobox](https://hulianui.haloritual.com/components/combobox): Filters selectable options through either a trigger popup or an inline input.
- [CountrySelect](https://hulianui.haloritual.com/components/country-select): Searches and selects countries with codes, flags, and optional calling prefixes.
- [DatePicker](https://hulianui.haloritual.com/components/date-picker): Selects a date from an input-triggered calendar popup.
- [DateRangePicker](https://hulianui.haloritual.com/components/date-range-picker): Selects a start and end date from a dual-month range calendar.
- [DateTimePicker](https://hulianui.haloritual.com/components/date-time-picker): Combines calendar and time controls for a single date-time value.
- [ElasticSlider](https://hulianui.haloritual.com/components/elastic-slider): Adds elastic track deformation and spring feedback to a numeric slider.
- [EmojiPicker](https://hulianui.haloritual.com/components/emoji-picker): Searches and selects emoji by category, including a recent-use section.
- [Field](https://hulianui.haloritual.com/components/field): Composes labels, controls, help text, validation messages, and required state, stacked vertically or side by side.
- [Form](https://hulianui.haloritual.com/components/form): Coordinates named fields with structured submission and field errors.
- [IconPicker](https://hulianui.haloritual.com/components/icon-picker): Searches and selects an icon from a categorized visual grid.
- [ImageCropper](https://hulianui.haloritual.com/components/image-cropper): Lets users pan, pinch, zoom, and crop an image to a fixed ratio before Blob export.
- [Input](https://hulianui.haloritual.com/components/input): Collects single-line text with prefixes, suffixes, and an invalid state.
- [InputOTP](https://hulianui.haloritual.com/components/input-otp): Collects one-time codes across fixed-length slots with auto-advance, backspace, and full-code paste.
- [InspectorPanel](https://hulianui.haloritual.com/components/inspector-panel): Schema-driven property inspector that derives its controls from a field description.
- [InteractiveHoverButton](https://hulianui.haloritual.com/components/interactive-hover-button): Expands a dot into a full background and reveals a trailing arrow on hover.
- [IssueReporter](https://hulianui.haloritual.com/components/issue-reporter): GitHub issue draft builder that renders a template to Markdown and builds a prefill link.
- [Label](https://hulianui.haloritual.com/components/label): Renders a native label element with the same styling Field uses, plus htmlFor and native attribute passthrough.
- [Listbox](https://hulianui.haloritual.com/components/listbox): Presents a keyboard-navigable single or multiple selection list.
- [LoginForm](https://hulianui.haloritual.com/components/login-form): Provides a managed credential form with validation, controlled values, field appearance slots, remember copy, and an optional card surface.
- [MarkdownEditor](https://hulianui.haloritual.com/components/markdown-editor): Edits Markdown through a WYSIWYG TipTap surface with Markdown input and output.
- [MathField](https://hulianui.haloritual.com/components/math-field): MathLive-powered formula input: type LaTeX visually, inject it into MathTextarea and QuestionAnswer, and grade with CAS equivalence.
- [MathTextarea](https://hulianui.haloritual.com/components/math-textarea): LaTeX input with formula templates, live KaTeX preview, syntax checks with line and column, and an injectable visual editor tab.
- [Mentions](https://hulianui.haloritual.com/components/mentions): Suggests and inserts mention tokens while the user types structured text.
- [ModalForm / DrawerForm](https://hulianui.haloritual.com/components/form-dialog): Runs validated forms inside modal or drawer containers with submit lifecycle handling.
- [NumberField](https://hulianui.haloritual.com/components/number-field): Edits numeric values with bounds, step buttons, and keyboard stepping.
- [PasswordGenerator](https://hulianui.haloritual.com/components/password-generator): Generates configurable passwords with strength feedback and copy support.
- [ProForm](https://hulianui.haloritual.com/components/pro-form): Coordinates form state with submit-reset footers, async loading, and custom footer content.
- [PulsatingButton](https://hulianui.haloritual.com/components/pulsating-button): Emphasizes an action with a configurable pulse ring around the button.
- [QuestionAnswer](https://hulianui.haloritual.com/components/question-answer): Student answer card: the right control per question type, missing options stated plainly, submit only when every blank is filled, verdict and explanation after answering.
- [QuestionEditor](https://hulianui.haloritual.com/components/question-editor): Structured editor for one math question: seven types, figures, options, blanks, rubric, and a live QuestionCard preview.
- [Radio](https://hulianui.haloritual.com/components/radio): Selects one mutually exclusive value from an accessible radio group.
- [RainbowButton](https://hulianui.haloritual.com/components/rainbow-button): Animates a multicolor border around a prominent action button.
- [Rating](https://hulianui.haloritual.com/components/rating): Captures a controlled rating with radio semantics, custom icons, and hover preview.
- [RegionCascader](https://hulianui.haloritual.com/components/region-cascader): Selects province, city, and district values through linked regional levels.
- [RegionSelect](https://hulianui.haloritual.com/components/region-select): Selects normalized original-image pixel boxes with aspect constraints, deterministic rounding, overlays, and explicit load failures.
- [RemoteSelect](https://hulianui.haloritual.com/components/remote-select): Loads debounced remote options with request cancellation, pagination, initial-value resolution, and multiple selection.
- [RichTextEditor](https://hulianui.haloritual.com/components/rich-text-editor): Edits HTML through a WYSIWYG TipTap surface, with a trimmable toolbar, injected image uploads, and paste sanitizing.
- [RippleButton](https://hulianui.haloritual.com/components/ripple-button): Emits pointer-positioned ripples when the button is activated.
- [ScopeMatrix](https://hulianui.haloritual.com/components/scope-matrix): Edits allow and deny scope lists with suggestions, an effective-scope summary, and read-only or controlled modes.
- [SearchForm](https://hulianui.haloritual.com/components/search-form): Builds collapsible query filters with reset and submit actions for data lists.
- [SecretField](https://hulianui.haloritual.com/components/secret-field): Masks sensitive values while supporting reveal and copy actions.
- [Segmented](https://hulianui.haloritual.com/components/segmented): Selects one option from a compact segmented control with a moving indicator.
- [Select](https://hulianui.haloritual.com/components/select): Chooses one or multiple values from an anchored option popup.
- [ShimmerButton](https://hulianui.haloritual.com/components/shimmer-button): Adds a moving shimmer treatment to a call-to-action button.
- [Slider](https://hulianui.haloritual.com/components/slider): Selects a numeric value or range along a keyboard-accessible track.
- [SocialButton](https://hulianui.haloritual.com/components/social-button): Provides branded sign-in buttons with service icons and loading states.
- [StepsForm](https://hulianui.haloritual.com/components/steps-form): Splits a validated workflow across ordered steps with controlled navigation.
- [Switch](https://hulianui.haloritual.com/components/switch): Toggles a binary setting with a compact track-and-thumb control.
- [Textarea](https://hulianui.haloritual.com/components/textarea): Collects multiline text in an auto-sizing field.
- [TimeField](https://hulianui.haloritual.com/components/time-field): Edits hour, minute, and optional second segments directly from the keyboard.
- [TimePicker](https://hulianui.haloritual.com/components/time-picker): Selects a time from hour and minute option controls.
- [Toggle](https://hulianui.haloritual.com/components/toggle): Switches a single action or formatting option between pressed and unpressed states.
- [Transfer](https://hulianui.haloritual.com/components/transfer): Moves selected records between available and chosen lists with search support.
- [TreeSelect](https://hulianui.haloritual.com/components/tree-select): Selects one or more values from a searchable hierarchical tree.
- [Upload](https://hulianui.haloritual.com/components/upload): Selects files through click or drag-and-drop with validation and progress states.
- [VoiceRecord](https://hulianui.haloritual.com/components/voice-record): Presents hold-to-talk or tap-to-toggle recording controls with waveform and processing states.

## Data Display (data-display, 94)
- [AnimatedList](https://hulianui.haloritual.com/components/animated-list): Reveals child items sequentially with fade-and-rise motion on viewport entry.
- [Annotation](https://hulianui.haloritual.com/components/annotation): Adds a handwritten-style highlight, arrow, or note around inline content in eight positions.
- [Avatar](https://hulianui.haloritual.com/components/avatar): Displays a user image with fallback content.
- [AvatarCircles](https://hulianui.haloritual.com/components/avatar-circles): Stacks overlapping avatars with an optional overflow count.
- [AwardBadge](https://hulianui.haloritual.com/components/award-badge): Displays a laurel emblem beside a prefixed award title in outline, solid, or soft styles.
- [Badge](https://hulianui.haloritual.com/components/badge): Overlays a count, capped count, custom value, or dot on wrapped content.
- [BentoGrid](https://hulianui.haloritual.com/components/bento-grid): Arranges feature cards across configurable row and column spans with a hover action.
- [Book3D](https://hulianui.haloritual.com/components/book-3d): Displays a book cover with perspective depth and interactive 3D tilt.
- [BounceCards](https://hulianui.haloritual.com/components/bounce-cards): Fans image cards into place with springy hover and entrance motion.
- [Card](https://hulianui.haloritual.com/components/card): Groups related content into header, body, and footer regions.
- [CardSwap](https://hulianui.haloritual.com/components/card-swap): Cycles stacked cards through animated front-to-back swaps.
- [Carousel](https://hulianui.haloritual.com/components/carousel): Navigates scroll-snap slides with arrows, dots, autoplay, looping, dragging, and keyboard controls.
- [Chart](https://hulianui.haloritual.com/components/chart): Wraps responsive Recharts area, bar, line, pie, radar, and radial charts with theme tokens, axis sizing, and series legends.
- [Chip](https://hulianui.haloritual.com/components/chip): Shows a compact token with semantic styling, an optional dot, and removal action.
- [ChromaGrid](https://hulianui.haloritual.com/components/chroma-grid): Displays a dimmed card grid that reveals full color inside a pointer-following spotlight.
- [CircularGallery](https://hulianui.haloritual.com/components/circular-gallery): Browses image cards around a draggable circular track.
- [CodeReviewThread](https://hulianui.haloritual.com/components/code-review-thread): Presents review comments, replies, severity, suggested diffs, and resolution or false-positive actions.
- [Comment](https://hulianui.haloritual.com/components/comment): Displays nested comments with reply indentation, optional connectors, and action slots.
- [ComponentPicker](https://hulianui.haloritual.com/components/component-picker): Component-library browser with a category tree, fuzzy search, and a detail pane.
- [ContributionGraph](https://hulianui.haloritual.com/components/contribution-graph): Plots dated activity counts in a calendar heatmap with intensity legend.
- [Coupon](https://hulianui.haloritual.com/components/coupon): Displays discount value, conditions, validity, and claim or used state.
- [CreditCard](https://hulianui.haloritual.com/components/credit-card): Displays a formatted or masked card number with detected brand and front or back card faces.
- [Danmaku](https://hulianui.haloritual.com/components/danmaku): Overlays lane-allocated scrolling, top, or bottom audience comments on media.
- [DecayCard](https://hulianui.haloritual.com/components/decay-card): Distorts and dissolves an image card according to pointer velocity.
- [DeployStatus](https://hulianui.haloritual.com/components/deploy-status): Communicates queued, building, live, failed, canceled, or skipped deployment states.
- [Descriptions](https://hulianui.haloritual.com/components/descriptions): Displays labeled record fields in horizontal or vertical, bordered or unbordered layouts.
- [DesignCanvas](https://hulianui.haloritual.com/components/design-canvas): Infinite pan-and-zoom canvas with a selection box, drag to move, and eight-way resize.
- [DiffStat](https://hulianui.haloritual.com/components/diff-stat): Summarizes added and removed lines with proportional bars and file-status badges.
- [DocumentSheet](https://hulianui.haloritual.com/components/document-sheet): Frames business documents on an A4-style sheet with header, section, footer, and print controls.
- [DomeGallery](https://hulianui.haloritual.com/components/dome-gallery): Arranges images across a draggable CSS 3D dome with inertial rotation, click-to-zoom viewing, and reduced-motion behavior.
- [Dot](https://hulianui.haloritual.com/components/dot): Renders a semantic or arbitrary-color status indicator with optional pulse and accessible labeling.
- [EditableTable](https://hulianui.haloritual.com/components/editable-table): Edits validated row and cell values directly within a data table.
- [Empty](https://hulianui.haloritual.com/components/empty): Explains an empty result with an icon, title, description, and optional action.
- [EventStream](https://hulianui.haloritual.com/components/event-stream): Displays a live chronological stream of typed operational events.
- [FileTree](https://hulianui.haloritual.com/components/file-tree): Browses expandable files and folders with selection and version-control status badges.
- [FilterChip](https://hulianui.haloritual.com/components/filter-chip): Echoes an applied filter as subject, operator, and value segments with a remove action.
- [Flow](https://hulianui.haloritual.com/components/flow): Edits controlled node-and-edge canvases with node dragging, edge connection, panning, zooming, and fit view.
- [FlyingPosters](https://hulianui.haloritual.com/components/flying-posters): Moves poster images through a perspective field controlled by dragging.
- [Folder](https://hulianui.haloritual.com/components/folder): Opens a layered 3D folder and fans out its paper contents.
- [Funnel](https://hulianui.haloritual.com/components/funnel): Visualizes stage-by-stage quantities as a proportional conversion funnel.
- [Gantt](https://hulianui.haloritual.com/components/gantt): Plots grouped tasks and progress on scrollable day, week, or month timelines with a today marker.
- [GitCommit](https://hulianui.haloritual.com/components/git-commit): Shows a branch, short hash, commit message, and author in inline or stacked form.
- [Heatmap](https://hulianui.haloritual.com/components/heatmap): Maps matrix values to color intensity with labels, legends, empty states, and drill-down.
- [Image](https://hulianui.haloritual.com/components/image): Loads images with fade-in, fallback, radius, and optional hover zoom.
- [ImageViewer](https://hulianui.haloritual.com/components/image-viewer): Opens images in a full-screen viewer with anchored zoom, panning, navigation, and thumbnails.
- [InfiniteMenu](https://hulianui.haloritual.com/components/infinite-menu): Navigates an endless spherical menu of image-linked items.
- [InfiniteScroll](https://hulianui.haloritual.com/components/infinite-scroll): Loads additional content near the viewport boundary with pending and terminal states.
- [JsonViewer](https://hulianui.haloritual.com/components/json-viewer): Inspects collapsible JSON values with syntax coloring, copying, and depth controls.
- [Kanban](https://hulianui.haloritual.com/components/kanban): Organizes draggable cards across status columns with controlled movement callbacks.
- [Legend](https://hulianui.haloritual.com/components/legend): Explains chart series or status colors with compact labeled markers.
- [List](https://hulianui.haloritual.com/components/list): Presents accessible named lists with structured items, metadata, actions, grid mode, empty states, and pagination or load-more controls.
- [LiveChat](https://hulianui.haloritual.com/components/live-chat): Displays live message types, sender levels, pinned items, auto-scroll, and new-message recovery.
- [LivePlayer](https://hulianui.haloritual.com/components/live-player): Presents a live video surface with status, viewer count, controls, and overlays.
- [LiveProductCard](https://hulianui.haloritual.com/components/live-product-card): Shows live-commerce products with pricing, stock, sales, active state, and purchase action.
- [LogoLoop](https://hulianui.haloritual.com/components/logo-loop): Scrolls a seamless loop of logos with configurable direction and hover pause.
- [LogViewer](https://hulianui.haloritual.com/components/log-viewer): Displays leveled log lines with timestamps, sources, wrapping, and auto-scroll.
- [MagicBento](https://hulianui.haloritual.com/components/magic-bento): Builds a bento card grid with a pointer spotlight, glowing borders, and optional tilt.
- [MagicCard](https://hulianui.haloritual.com/components/magic-card): Adds a pointer-following gradient highlight to a content card.
- [Marquee](https://hulianui.haloritual.com/components/marquee): Scrolls repeated content continuously in a configurable direction with pause controls.
- [Meter](https://hulianui.haloritual.com/components/meter): Displays a value within a known range using a semantic gauge bar.
- [NumberTicker](https://hulianui.haloritual.com/components/number-ticker): Animates a numeric value toward its target when it enters the viewport.
- [PixelCard](https://hulianui.haloritual.com/components/pixel-card): Reveals card content through animated pixel particles.
- [PricingTable](https://hulianui.haloritual.com/components/pricing-table): Compares priced items in transposed feature rows with highlights, badges, and sticky headers.
- [ProfileCard](https://hulianui.haloritual.com/components/profile-card): Presents a holographic identity card with pointer tilt, glare, and an initials fallback.
- [ProTable](https://hulianui.haloritual.com/components/pro-table): Combines business-table columns, querying, sorting, selection, pagination, and toolbar actions.
- [QRCode](https://hulianui.haloritual.com/components/qrcode): Generates theme-aware QR SVGs with version and correction boosting, excavated or watermark logos, plus SVG and high-DPI PNG export helpers.
- [QuestionCard](https://hulianui.haloritual.com/components/question-card): Displays textbook questions with type, stem, options, subquestions, media, source, and review status.
- [QueueLane](https://hulianui.haloritual.com/components/queue-lane): Shows prioritized queue items in read-only lanes with depth, average-wait, and throughput metrics.
- [ReflectiveCard](https://hulianui.haloritual.com/components/reflective-card): Displays slotted content on a metallic card with animated diagonal reflection.
- [RelativeTime](https://hulianui.haloritual.com/components/relative-time): Formats timestamps as continuously updated human-readable relative time.
- [RowActions](https://hulianui.haloritual.com/components/row-actions): Renders a table row's action set with tone-based hierarchy, an overflow menu past a set count, and built-in confirmation.
- [Sankey](https://hulianui.haloritual.com/components/sankey): Visualizes weighted flow between stages with proportional nodes and links.
- [Scheduler](https://hulianui.haloritual.com/components/scheduler): Manages events across month, week, day, and resource views with drag-based editing.
- [ScoreRing](https://hulianui.haloritual.com/components/score-ring): Displays a numeric score and grade inside a color-coded radial gauge.
- [ScoreScale](https://hulianui.haloritual.com/components/score-scale): Shows which band a score falls into along a full-range color-coded bar.
- [ScrollStack](https://hulianui.haloritual.com/components/scroll-stack): Stacks content cards progressively as the page scrolls.
- [ShieldBadge](https://hulianui.haloritual.com/components/shield-badge): Renders repository-style metric badges with label and value segments.
- [Skeleton](https://hulianui.haloritual.com/components/skeleton): Reserves content geometry with an animated loading placeholder.
- [Sortable](https://hulianui.haloritual.com/components/sortable): Reorders items through pointer and keyboard drag interactions.
- [Sparkline](https://hulianui.haloritual.com/components/sparkline): Shows a compact trend line for a small numeric series without full chart chrome.
- [Stat](https://hulianui.haloritual.com/components/stat): Presents a key metric with label, change, trend, and supporting context.
- [Statistic](https://hulianui.haloritual.com/components/statistic): Formats numeric values with precision, separators, prefixes, suffixes, optional animation, or a countdown.
- [StatusDot](https://hulianui.haloritual.com/components/status-dot): Pairs a status label with a colored dot and optional animated activity state.
- [Table](https://hulianui.haloritual.com/components/table): Renders sortable semantic tables with clickable rows, column headers, and empty states.
- [Tag](https://hulianui.haloritual.com/components/tag): Labels content with semantic color, optional icon, and close action.
- [TiltedCard](https://hulianui.haloritual.com/components/tilted-card): Tilts an image card toward the pointer with optional caption and scale.
- [Timeline](https://hulianui.haloritual.com/components/timeline): Orders events along a timeline with colored or custom markers, alternate placement, and a pending state.
- [Tree](https://hulianui.haloritual.com/components/tree): Renders expandable hierarchical nodes with selection and keyboard navigation.
- [Treemap](https://hulianui.haloritual.com/components/treemap): Tiles a flat dataset into a rectangle with area proportional to value, so the biggest contributors read at a glance.
- [User](https://hulianui.haloritual.com/components/user): Combines an avatar, display name, and supporting description into a compact user row.
- [Video](https://hulianui.haloritual.com/components/video): Plays file or HLS video with custom controls, chapters, resume, picture-in-picture, and fullscreen.
- [VirtualList](https://hulianui.haloritual.com/components/virtual-list): Renders only visible rows from large lists while preserving scroll position.
- [Watermark](https://hulianui.haloritual.com/components/watermark): Tiles a high-DPI canvas watermark and restores it after DOM tampering.
- [WorldMap](https://hulianui.haloritual.com/components/world-map): Plots geographic points and animated routes on an interactive world map.

## Navigation (navigation, 33)
- [Accordion](https://hulianui.haloritual.com/components/accordion): Expands one or multiple stacked content sections with height transitions.
- [Affix](https://hulianui.haloritual.com/components/affix): Pins content after a scroll threshold while preserving its layout position.
- [Anchor](https://hulianui.haloritual.com/components/anchor): Tracks and navigates headings within long-form page content.
- [AnimatedThemeToggler](https://hulianui.haloritual.com/components/animated-theme-toggler): Switches color themes through an animated icon transition.
- [AppLauncher](https://hulianui.haloritual.com/components/app-launcher): Opens a searchable grid of application shortcuts from global navigation.
- [BackTop](https://hulianui.haloritual.com/components/back-top): Reveals a control that smoothly returns a configured scroll container to the top.
- [BeianFooter](https://hulianui.haloritual.com/components/beian-footer): Renders Chinese filing and public-security registration links in a compliant footer.
- [Brand](https://hulianui.haloritual.com/components/brand): Combines a square brand mark, name, and optional description with collapsed and router-link modes.
- [Breadcrumb](https://hulianui.haloritual.com/components/breadcrumb): Shows a static page hierarchy with a semantic current-page marker.
- [BubbleMenu](https://hulianui.haloritual.com/components/bubble-menu): Opens a full-screen arrangement of staggered pill-shaped navigation links from a bubble header.
- [CardNav](https://hulianui.haloritual.com/components/card-nav): Expands a pill-shaped header to reveal staggered navigation cards from a hamburger control.
- [Collapsible](https://hulianui.haloritual.com/components/collapsible): Toggles visibility of a single content region with a height transition.
- [Command](https://hulianui.haloritual.com/components/command): Searches and executes grouped commands through a keyboard-first palette.
- [ContextMenu](https://hulianui.haloritual.com/components/context-menu): Opens contextual action items at the pointer with a danger treatment.
- [Dock](https://hulianui.haloritual.com/components/dock): Displays magnifying icon shortcuts along an animated application dock.
- [FlowingMenu](https://hulianui.haloritual.com/components/flowing-menu): Pairs navigation rows with looping text or image marquees on pointer entry.
- [GooeyNav](https://hulianui.haloritual.com/components/gooey-nav): Moves a liquid-like selection indicator between navigation items.
- [Link](https://hulianui.haloritual.com/components/link): Renders styled navigation with tone, underline, and external-link behavior.
- [Menu](https://hulianui.haloritual.com/components/menu): Presents action items, groups, separators, and a danger treatment in a dropdown.
- [Menubar](https://hulianui.haloritual.com/components/menubar): Organizes persistent application menus into a keyboard-accessible horizontal bar.
- [Navbar](https://hulianui.haloritual.com/components/navbar): Builds a responsive top navigation bar with brand, links, actions, and mobile menu.
- [NavigationMenu](https://hulianui.haloritual.com/components/navigation-menu): Provides triggers, links, and rich navigation panels through a shared animated viewport.
- [NavMenu](https://hulianui.haloritual.com/components/nav-menu): Renders controlled multilevel navigation in tree or semantic list-and-link mode with inline and collapsed presentation.
- [PageHeader](https://hulianui.haloritual.com/components/page-header): Combines back navigation, breadcrumbs, title, tags, actions, and footer tabs.
- [Pagination](https://hulianui.haloritual.com/components/pagination): Navigates controlled paged data with page ranges and ellipses.
- [PillNav](https://hulianui.haloritual.com/components/pill-nav): Renders pill-shaped navigation with hover fill, inverted labels, and an active dot.
- [RouteTabs](https://hulianui.haloritual.com/components/route-tabs): Renders controlled workspace tabs with pinning, reordering, overflow, refresh, and contextual close actions.
- [Sidebar](https://hulianui.haloritual.com/components/sidebar): Provides a composable application sidebar shell with a collapse state machine, an automatic mobile drawer, and menu, group, and action slots.
- [StaggeredMenu](https://hulianui.haloritual.com/components/staggered-menu): Opens a token-themed layered side panel with staggered links, numbering, social actions, and reduced-motion behavior.
- [Stepper](https://hulianui.haloritual.com/components/stepper): Displays connected process steps with completed checks and an accessible current-step marker.
- [Steps](https://hulianui.haloritual.com/components/steps): Communicates progress and status across an ordered multi-step process.
- [Tabs](https://hulianui.haloritual.com/components/tabs): Switches between labeled content panels with underline or solid indicators.
- [Toolbar](https://hulianui.haloritual.com/components/toolbar): Groups related action controls with roving keyboard focus.

## Feedback (feedback, 25)
- [Alert](https://hulianui.haloritual.com/components/alert): Communicates persistent informational, success, warning, or danger messages.
- [AlertDialog](https://hulianui.haloritual.com/components/alert-dialog): Requests confirmation for consequential actions in a blocking accessible dialog.
- [Banner](https://hulianui.haloritual.com/components/banner): Displays a full-width announcement with tone, action, and dismissal support.
- [Callout](https://hulianui.haloritual.com/components/callout): Highlights supporting guidance or warnings within document content.
- [Dialog](https://hulianui.haloritual.com/components/dialog): Presents modal content in a portal with focus trapping.
- [Drawer](https://hulianui.haloritual.com/components/drawer): Slides contextual or task content from any screen edge with modal focus management and a localized optional close button.
- [ElementSelectionOverlay](https://hulianui.haloritual.com/components/element-selection-overlay): Hover and click elements in a container or same-origin iframe to get a component path back.
- [FloatingReactions](https://hulianui.haloritual.com/components/floating-reactions): Animates lightweight audience reactions upward over live content.
- [GiftFeed](https://hulianui.haloritual.com/components/gift-feed): Streams live gift events with sender, item, quantity, and combo emphasis.
- [Glimpse](https://hulianui.haloritual.com/components/glimpse): Displays a compact delayed preview of referenced content near its trigger.
- [HeroVideoDialog](https://hulianui.haloritual.com/components/hero-video-dialog): Opens a video from a thumbnail and play button in a modal player.
- [HoverCard](https://hulianui.haloritual.com/components/hover-card): Shows rich content after pointer hover and closes it after a leave delay.
- [InterceptCard](https://hulianui.haloritual.com/components/intercept-card): Interrupts a flow with a contextual decision card and explicit actions.
- [Modal](https://hulianui.haloritual.com/components/modal): Opens imperative confirm, information, success, warning, or error dialogs through a shared API.
- [Notification](https://hulianui.haloritual.com/components/notification): Stacks positioned notification cards with icons, content, actions, and an imperative API.
- [Popconfirm](https://hulianui.haloritual.com/components/popconfirm): Confirms a nearby action in a compact anchored popup.
- [Popover](https://hulianui.haloritual.com/components/popover): Anchors interactive contextual content to a trigger without leaving the page.
- [Progress](https://hulianui.haloritual.com/components/progress): Displays determinate or indeterminate progress in linear or circular form.
- [Result](https://hulianui.haloritual.com/components/result): Presents success, error, information, warning, permission, or server outcomes with detail and action slots.
- [ServiceMessage](https://hulianui.haloritual.com/components/service-message): Displays a service-notification card with source header, structured fields or custom content, and footer actions.
- [Spin](https://hulianui.haloritual.com/components/spin): Overlays a loading indicator on existing content while preserving its layout.
- [Spinner](https://hulianui.haloritual.com/components/spinner): Renders a standalone CSS loading ring with status semantics.
- [Toast](https://hulianui.haloritual.com/components/toast): Queues brief transient feedback that can close automatically or manually.
- [Tooltip](https://hulianui.haloritual.com/components/tooltip): Shows brief guidance in an arrowed positioned layer on hover.
- [Tour](https://hulianui.haloritual.com/components/tour): Guides users through anchored steps with a cutout highlight, positioned card, navigation, and progress.

## AI Agents (ai, 16)
- [AgentPlan](https://hulianui.haloritual.com/components/agent-plan): Displays an ordered agent plan with pending, active, completed, and failed steps.
- [Artifact](https://hulianui.haloritual.com/components/artifact): Presents generated content with a title, version chip, action slot, and controlled or uncontrolled expansion.
- [ChatMessage](https://hulianui.haloritual.com/components/chat-message): Displays one chat turn with role, content, status, and supporting actions.
- [Citation](https://hulianui.haloritual.com/components/citation): Renders an inline numbered source link with a title and source label.
- [ConfirmCard](https://hulianui.haloritual.com/components/confirm-card): Requests explicit user approval for an agent-proposed operation.
- [Conversation](https://hulianui.haloritual.com/components/conversation): Stacks chat messages in a scrollable timeline that follows new messages and streamed growth.
- [Dossier](https://hulianui.haloritual.com/components/dossier): Tracks agent collection domains with empty, active, archived, optional, and summary states.
- [MessageActions](https://hulianui.haloritual.com/components/message-actions): Groups copy, retry, rate, and related controls for a chat message.
- [PromptInput](https://hulianui.haloritual.com/components/prompt-input): Composes auto-growing prompts with submit, stop, keyboard, IME, and custom action controls.
- [PromptSuggestions](https://hulianui.haloritual.com/components/prompt-suggestions): Offers clickable starter prompts or follow-up suggestions.
- [StreamingText](https://hulianui.haloritual.com/components/streaming-text): Renders parent-accumulated text with a blinking trailing cursor while streaming.
- [TaskRunner](https://hulianui.haloritual.com/components/task-runner): Summarizes agent task status, plan steps, completion progress, tags, and elapsed time.
- [ThinkingBlock](https://hulianui.haloritual.com/components/thinking-block): Reveals or collapses an agent reasoning trace with active and completed states.
- [ThreadList](https://hulianui.haloritual.com/components/thread-list): Lists conversation threads with active state, metadata, deletion, a header action, and an empty state.
- [ToolCall](https://hulianui.haloritual.com/components/tool-call): Shows an agent tool invocation, arguments, progress, result, and failure state.
- [TypingDots](https://hulianui.haloritual.com/components/typing-dots): Signals that a conversational participant is composing a response.

## Decoration (decoration, 92)
- [AnimatedBeam](https://hulianui.haloritual.com/components/animated-beam): Draws animated directional beams between referenced elements.
- [Antigravity](https://hulianui.haloritual.com/components/antigravity): Pulls drifting particles into pointer-centered orbits before easing them back into place.
- [Aurora](https://hulianui.haloritual.com/components/aurora): Renders softly moving layered aurora gradients as a background.
- [Balatro](https://hulianui.haloritual.com/components/balatro): Renders a pixelated swirling multicolor oil-paint shader background.
- [Ballpit](https://hulianui.haloritual.com/components/ballpit): Simulates gravity, collisions, wall bounce, and pointer repulsion for colorful balls.
- [Beams](https://hulianui.haloritual.com/components/beams): Renders flowing volumetric light columns with noise, shading, and film grain.
- [BlobCursor](https://hulianui.haloritual.com/components/blob-cursor): Trails a soft animated blob behind pointer movement.
- [BorderBeam](https://hulianui.haloritual.com/components/border-beam): Moves a luminous beam along the border of a positioned element.
- [BorderGlow](https://hulianui.haloritual.com/components/border-glow): Lights a card border and outer glow according to pointer proximity.
- [CardSpotlight](https://hulianui.haloritual.com/components/card-spotlight): Tracks the pointer with a radial spotlight inside a card surface.
- [ClickSpark](https://hulianui.haloritual.com/components/click-spark): Emits short radial spark lines from pointer clicks.
- [ColorBends](https://hulianui.haloritual.com/components/color-bends): Generates pointer-reactive organic color bands from a folded noise field.
- [Crosshair](https://hulianui.haloritual.com/components/crosshair): Tracks the pointer with configurable horizontal and vertical guide lines.
- [Cubes](https://hulianui.haloritual.com/components/cubes): Renders an interactive field of perspective cubes with animated depth.
- [DarkVeil](https://hulianui.haloritual.com/components/dark-veil): Creates a dark flowing neural-field backdrop with scanlines, grain, and distortion.
- [Dither](https://hulianui.haloritual.com/components/dither): Applies ordered dithering and palette quantization to animated noise waves.
- [DotField](https://hulianui.haloritual.com/components/dot-field): Pushes and illuminates a canvas dot field around pointer movement.
- [DotPattern](https://hulianui.haloritual.com/components/dot-pattern): Draws a token-colored repeating dot background with an SVG pattern.
- [ElectricBorder](https://hulianui.haloritual.com/components/electric-border): Animates noisy electric light around an element boundary.
- [EvilEye](https://hulianui.haloritual.com/components/evil-eye): Renders a fiery procedural eye whose pupil follows the pointer.
- [FaultyTerminal](https://hulianui.haloritual.com/components/faulty-terminal): Creates a distorted CRT character-rain background with tearing, scanlines, and ripple interaction.
- [Ferrofluid](https://hulianui.haloritual.com/components/ferrofluid): Simulates pointer-responsive metallic ferrofluid ridges with flowing rim highlights.
- [FlickeringGrid](https://hulianui.haloritual.com/components/flickering-grid): Animates random grid-cell opacity to create a flickering technical backdrop.
- [FloatingLines](https://hulianui.haloritual.com/components/floating-lines): Animates layered sinusoidal line bundles with color interpolation and pointer bending.
- [FluidGlass](https://hulianui.haloritual.com/components/fluid-glass): Moves a refractive circular glass lens across a procedural fluid background.
- [Galaxy](https://hulianui.haloritual.com/components/galaxy): Builds a multilayer parallax star field with twinkle, rotation, and pointer repulsion.
- [GhostCursor](https://hulianui.haloritual.com/components/ghost-cursor): Shows delayed translucent cursor echoes that follow pointer movement.
- [GlareHover](https://hulianui.haloritual.com/components/glare-hover): Sweeps a diagonal glare across content when the pointer hovers.
- [GlassIcons](https://hulianui.haloritual.com/components/glass-icons): Presents icon actions on layered glass tiles with 3D hover movement.
- [GlassSurface](https://hulianui.haloritual.com/components/glass-surface): Creates a refractive glass surface with chromatic edge dispersion and fallback blur.
- [GradientBlinds](https://hulianui.haloritual.com/components/gradient-blinds): Combines multicolor gradients, vertical blind shading, grain, and a pointer spotlight.
- [GradualBlur](https://hulianui.haloritual.com/components/gradual-blur): Builds a layered directional blur that increases gradually across content.
- [Grainient](https://hulianui.haloritual.com/components/grainient): Blends three warped color fields with animated film grain and contrast controls.
- [GridDistortion](https://hulianui.haloritual.com/components/grid-distortion): Distorts an image grid through a pointer-driven displacement field with elastic relaxation.
- [GridMotion](https://hulianui.haloritual.com/components/grid-motion): Moves alternating rows of a tilted grid in opposite pointer-responsive directions.
- [GridPattern](https://hulianui.haloritual.com/components/grid-pattern): Draws a scalable line grid for decorative section backgrounds.
- [GridScan](https://hulianui.haloritual.com/components/grid-scan): Projects an infinite perspective grid with a traveling luminous scan pulse.
- [Hyperspeed](https://hulianui.haloritual.com/components/hyperspeed): Creates a warp-speed tunnel of luminous streaks rushing from a vanishing point.
- [ImageTrail](https://hulianui.haloritual.com/components/image-trail): Spawns a fading sequence of images along fast pointer movement.
- [Iridescence](https://hulianui.haloritual.com/components/iridescence): Produces a shifting pearlescent WebGL color field with pointer response.
- [Lanyard](https://hulianui.haloritual.com/components/lanyard): Simulates a draggable hanging badge with a bending cord and spring return.
- [LaserFlow](https://hulianui.haloritual.com/components/laser-flow): Pours volumetric laser beams through procedural fog with flow detail and pointer steering.
- [Lens](https://hulianui.haloritual.com/components/lens): Magnifies arbitrary content beneath a movable circular lens.
- [LetterGlitch](https://hulianui.haloritual.com/components/letter-glitch): Animates a terminal-style character matrix with randomized glyph and color glitches.
- [Lightfall](https://hulianui.haloritual.com/components/lightfall): Cycles colored light shafts through a falling tunnel with glow and pointer pull.
- [Lightning](https://hulianui.haloritual.com/components/lightning): Generates flickering noise-driven electric arcs with inverse-distance glow.
- [LightPillar](https://hulianui.haloritual.com/components/light-pillar): Raymarches a vertical volumetric light column with noise and two-color shading.
- [LightRays](https://hulianui.haloritual.com/components/light-rays): Projects pulsing volumetric rays from a configurable origin with pointer steering.
- [LineWaves](https://hulianui.haloritual.com/components/line-waves): Renders interactive multicolor wave lines from layered sine and noise fields.
- [LiquidChrome](https://hulianui.haloritual.com/components/liquid-chrome): Creates a reflective liquid-metal shader background with pointer distortion.
- [LiquidEther](https://hulianui.haloritual.com/components/liquid-ether): Produces a pointer-stirred liquid color field with metaball-like motion.
- [MagicRings](https://hulianui.haloritual.com/components/magic-rings): Draws layered reactive rings that follow and frame the pointer.
- [Magnet](https://hulianui.haloritual.com/components/magnet): Pulls child content toward the pointer within a configurable attraction radius.
- [MagnetLines](https://hulianui.haloritual.com/components/magnet-lines): Rotates a field of line segments toward the pointer.
- [MetaBalls](https://hulianui.haloritual.com/components/meta-balls): Blends moving metaballs into a fluid interactive shader surface.
- [MetallicPaint](https://hulianui.haloritual.com/components/metallic-paint): Renders liquid metallic paint with noise distortion, color dispersion, and striped reflections.
- [Meteors](https://hulianui.haloritual.com/components/meteors): Animates diagonal meteor streaks behind content.
- [ModelViewer](https://hulianui.haloritual.com/components/model-viewer): Displays a CSS 3D model stage with drag rotation, inertia, parallax, and auto-rotate.
- [Orb](https://hulianui.haloritual.com/components/orb): Displays an animated shader orb with hover intensity and theme-aware color.
- [OrbitImages](https://hulianui.haloritual.com/components/orbit-images): Moves child items along preset or custom CSS offset paths with spacing and tilt controls.
- [OrbitingCircles](https://hulianui.haloritual.com/components/orbiting-circles): Moves child items around one or more circular paths.
- [Particles](https://hulianui.haloritual.com/components/particles): Animates a canvas particle field with pointer repulsion and theme-aware foreground color.
- [PixelBlast](https://hulianui.haloritual.com/components/pixel-blast): Quantizes animated noise into configurable pixel shapes with ordered dithering.
- [PixelSnow](https://hulianui.haloritual.com/components/pixel-snow): Raymarches a depth-faded pixel snow field with square, dot, or snowflake particles.
- [PixelTrail](https://hulianui.haloritual.com/components/pixel-trail): Leaves a fading pixel-grid trail behind pointer movement.
- [PixelTransition](https://hulianui.haloritual.com/components/pixel-transition): Transitions between two content states through a randomized pixel curtain.
- [Plasma](https://hulianui.haloritual.com/components/plasma): Raymarches a flowing plasma field with pointer disturbance and direction controls.
- [PlasmaWave](https://hulianui.haloritual.com/components/plasma-wave): Animates two intertwined raymarched plasma ribbons with blended theme colors.
- [Prism](https://hulianui.haloritual.com/components/prism): Raymarches a refractive octahedral prism that casts volumetric rainbow light.
- [PrismaticBurst](https://hulianui.haloritual.com/components/prismatic-burst): Emits configurable curved spectral rays from an interactive central burst.
- [ProgressiveBlur](https://hulianui.haloritual.com/components/progressive-blur): Applies a directional multi-step blur gradient at a content edge.
- [Radar](https://hulianui.haloritual.com/components/radar): Combines rings, spokes, a rotating sweep, and pointer parallax into a radar display.
- [RetroGrid](https://hulianui.haloritual.com/components/retro-grid): Animates a perspective grid toward the viewer for a retro backdrop.
- [Reveal](https://hulianui.haloritual.com/components/reveal): Reveals arbitrary content with configurable direction, delay, and viewport trigger.
- [Ribbons](https://hulianui.haloritual.com/components/ribbons): Renders flowing pointer-responsive ribbon trails in WebGL.
- [Ripple](https://hulianui.haloritual.com/components/ripple): Emits concentric decorative rings from a configurable origin.
- [RippleGrid](https://hulianui.haloritual.com/components/ripple-grid): Displaces a glowing grid with concentric waves and local pointer ripples.
- [ShapeBlur](https://hulianui.haloritual.com/components/shape-blur): Moves a softly blurred geometric highlight with damped pointer interaction.
- [ShapeGrid](https://hulianui.haloritual.com/components/shape-grid): Scrolls configurable geometric shapes endlessly with hover fills and fading trails.
- [ShineBorder](https://hulianui.haloritual.com/components/shine-border): Animates a gradient sheen around an element border.
- [SideRays](https://hulianui.haloritual.com/components/side-rays): Fans two animated light beams from a screen corner with adjustable blending.
- [Silk](https://hulianui.haloritual.com/components/silk): Produces a flowing fabric-like WebGL surface with theme-aware color.
- [SoftAurora](https://hulianui.haloritual.com/components/soft-aurora): Layers two noise-driven gradients into a soft pointer-responsive aurora backdrop.
- [SplashCursor](https://hulianui.haloritual.com/components/splash-cursor): Emits colorful splashes and fading trails from pointer movement and clicks.
- [Spotlight](https://hulianui.haloritual.com/components/spotlight): Adds a theme-aware radial glow behind foreground content.
- [StarBorder](https://hulianui.haloritual.com/components/star-border): Animates star-like highlights around a content border.
- [StickerPeel](https://hulianui.haloritual.com/components/sticker-peel): Lets users drag or hover a sticker corner to reveal a peel, shadow, and pointer-following highlight.
- [StripedPattern](https://hulianui.haloritual.com/components/striped-pattern): Creates diagonal stripes as a lightweight CSS decorative surface.
- [TargetCursor](https://hulianui.haloritual.com/components/target-cursor): Snaps an animated targeting reticle to marked interactive elements.
- [Threads](https://hulianui.haloritual.com/components/threads): Renders flowing luminous WebGL threads with configurable amplitude and interaction.
- [Tilt](https://hulianui.haloritual.com/components/tilt): Wraps arbitrary content in pointer, gyroscope, or manually driven 3D tilt with optional geometric glare.
- [WavyBackground](https://hulianui.haloritual.com/components/wavy-background): Renders layered multicolor waves with a canvas value-noise field.

## Device Mockups (mockups, 7)
- [Android](https://hulianui.haloritual.com/components/android): Frames content inside an Android phone device mockup.
- [Chrome](https://hulianui.haloritual.com/components/chrome): Frames content in a Chrome-style browser window with tabs and address bar.
- [iPhone](https://hulianui.haloritual.com/components/iphone): Frames content inside an iPhone-style shell with a Dynamic Island.
- [Safari](https://hulianui.haloritual.com/components/safari): Frames screenshots in a Safari-style browser window with an address bar.
- [Tablet](https://hulianui.haloritual.com/components/tablet): Frames content inside a tablet device mockup.
- [Terminal](https://hulianui.haloritual.com/components/terminal): Displays terminal commands and output in a styled window shell.
- [Watch](https://hulianui.haloritual.com/components/watch): Frames compact content inside a smartwatch device mockup.

## Mobile (mobile, 7)
- [ActionSheet](https://hulianui.haloritual.com/components/action-sheet): Presents touch-friendly actions in a modal sheet from the bottom edge.
- [Fab](https://hulianui.haloritual.com/components/fab): Places a prominent floating mobile action button above page content.
- [Picker](https://hulianui.haloritual.com/components/picker): Selects values through one or more scroll-snap wheel columns.
- [PullToRefresh](https://hulianui.haloritual.com/components/pull-to-refresh): Tracks a resisted downward pull, arms at a threshold, and holds until refresh completes.
- [SafeArea](https://hulianui.haloritual.com/components/safe-area): Applies device inset padding to keep mobile content outside obstructed regions.
- [SwipeAction](https://hulianui.haloritual.com/components/swipe-action): Reveals contextual row actions through horizontal touch gestures.
- [TabBar](https://hulianui.haloritual.com/components/tab-bar): Provides safe-area-aware bottom navigation for mobile application sections.

## Uncatalogued (uncatalogued, 3)
- [Access](https://hulianui.haloritual.com/components/access): Declarative permission access control: render children if you have permission, otherwise render fallback (hid…
- [Config](https://hulianui.haloritual.com/components/config): Global configuration root · Currently supplies the i18n locale and leaves room for future global defaults · u…
- [Theme](https://hulianui.haloritual.com/components/theme): Application theme state · Light, dark, and system preferences synchronized to `<html data-theme>` · uncatalog…