RG first-party preview

Own the source. Keep the network.

Add a component as editable .aihu source, or install a capability provider as a versioned package. Aihu's router and CSS engine are opt-in choices too. This preview catalogs first-party packages used to build Aihu sites; its extension contracts are still evolving.

43 source recipes8 opt-in packagesregistry JSON

01 components

Copy, edit, and ship

aihu add <name>

ascii-hero

ui

Decorative hero-section character field — a monospaced grid of glyphs drifting, pulsing, or wiping in on a managed canvas, built on useCharacterField.

aihu add ascii-hero

aurora

ui

Decorative animated aurora-borealis-style background wash — pure CSS layered gradients, blur, and mix-blend-mode, no canvas.

aihu add aurora

badge

ui

Presentational badge recipe — inline-flex pill with a variant matrix.

aihu add badge

before-after

ui

Drag-to-reveal image comparison, built on the AihuSliderRoot primitive — keyboard-operable divider between named before/after slots.

aihu add before-after1 composed dependency(s)

big-back

ui

Presentational oversized watermark-style text, typically a footer wordmark. Decorative, hidden from the accessibility tree.

aihu add big-back

button

ui

Styled button recipe wrapping a native <button> (variants + sizes).

aihu add button

card

ui

Presentational card recipe with slotted header, body, and footer regions.

aihu add card

chat-bubble

ui

Presentational single chat message bubble — speaker-aware alignment and accent, optional initials avatar.

aihu add chat-bubble

chat-fab

ui

Floating action button + non-modal popover panel shell — a generic chat-launcher, deliberately with no chat logic (panel content is a plain slot).

aihu add chat-fab2 composed dependency(s)

checkbox

ui

Styled checkbox recipe — light-DOM element extending the headless AihuCheckboxRoot primitive (tri-state, Space toggle, native form participation).

aihu add checkbox1 composed dependency(s)

community-badge

ui

Presentational social-proof pill — pairs a status-dot-style lead slot with a metric.

aihu add community-badge1 composed dependency(s)

dialog

ui

Styled modal dialog recipe — light-DOM pieces extending the headless AihuDialog primitives (focus-trap + return-focus, Escape-to-close, aria-modal, click-outside dismissal).

aihu add dialog1 composed dependency(s)

eyebrow-pill

ui

Presentational label pill, typically preceding a heading. Composes with status-dot in its lead slot.

aihu add eyebrow-pill1 composed dependency(s)

floating-sparkles

ui

Decorative ambient particle field — small glowing dots drifting and twinkling on a managed canvas, built on useParticleField.

aihu add floating-sparkles

glass-card

ui

Presentational frosted-glass surface card — backdrop-filter blur over a translucent, color-mixed background.

aihu add glass-card

goldeneye

ui

Decorative watchful eye — a glowing iris with a pupil that autonomously sweeps a slow Lissajous scan, built directly on useCanvasSurface.

aihu add goldeneye

gradient-text

ui

Presentational text decoration — applies the pack's brand gradient as text fill.

aihu add gradient-text

input

ui

Presentational input recipe — light-DOM custom element wrapping a native <input> that joins the outer form, with token-driven styling.

aihu add input

label

ui

Presentational label recipe — light-DOM custom element wrapping a native <label> with a forwarded `for` association and token-driven styling.

aihu add label

logo-marquee

ui

Infinite horizontal auto-scrolling row of logos — CSS-only, pauses on hover/focus and honors reduced motion.

aihu add logo-marquee

logo-row

ui

Presentational flex row for partner/press logos — muted+grayscale at rest, full color on hover.

aihu add logo-row

mock-ide

ui

Decorative fake code-editor window chrome — traffic-light dots + title bar over a slotted code body.

aihu add mock-ide

node-graph-background

ui

Decorative animated network background — drifting nodes joined by distance-faded connecting lines on a managed canvas, built on useCanvasSurface.

aihu add node-graph-background

popover

ui

Styled non-modal popover recipe — light-DOM pieces extending the headless AihuPopover primitives (disclosure trigger, positioned panel, outside-pointerdown + Escape dismissal, no focus trap).

aihu add popover1 composed dependency(s)

pricing-card

ui

Pricing tier card — tier/price/period, an optional featured accent border/elevation, and a default slot for the consumer's feature list.

aihu add pricing-card

prompt

ui

Presentational single-line AI-prompt-bar look — a rounded pill with a leading icon slot and a placeholder text span; not a real form input.

aihu add prompt

prompt-hero

ui

Larger hero variant composing gradient-text (heading) above a prompt bar, centered layout.

aihu add prompt-hero2 composed dependency(s)

quest-text

ui

Presentational inline text emphasis for prompts/callouts — underline accent with an optional blinking caret.

aihu add quest-text

rotator

ui

Presentational rotating headline word/phrase — cycles through a comma-separated item list on a fixed interval, cross-fading each change.

aihu add rotator

separator

ui

Presentational separator recipe — token-colored 1px rule with role=separator + aria-orientation.

aihu add separator

slippy-words

ui

Presentational sentence where one word wiggles for attention at a time, the highlight advancing left to right, looping.

aihu add slippy-words

sparkle

ui

Presentational decorative accent mark — a four-pointed star with an optional shimmer.

aihu add sparkle

stat-counter

ui

Presentational number that counts up to a target the first time it scrolls into view.

aihu add stat-counter

status-dot

ui

Presentational status indicator — a semantic-colored dot with an optional pulsing liveness ring.

aihu add status-dot

sticky-banner

ui

Presentational full-width announcement bar. No dismiss affordance in this slice.

aihu add sticky-banner

switch

ui

Styled switch recipe — light-DOM element extending the headless AihuSwitchRoot primitive (binary toggle, Space/Enter activation, native form participation).

aihu add switch1 composed dependency(s)

temperature

ui

Styled 3-value response-temperature preset picker (Precise / Balanced / Creative) — light-DOM element extending the headless AihuRadioGroupRoot primitive (roving tabindex, arrow-key selection, native form participation).

aihu add temperature1 composed dependency(s)

textarea

ui

Presentational textarea recipe — light-DOM custom element wrapping a native <textarea> that joins the outer form, with token-driven styling.

aihu add textarea

token-stream

ui

Presentational LLM-response-streaming look — reveals a sentence word by word with a blinking caret.

aihu add token-stream

tooltip

ui

Styled tooltip recipe — light-DOM pieces extending the headless AihuTooltip primitives (hover/focus open, Escape dismiss, aria-describedby, placement positioning). Non-focus-trapping overlay.

aihu add tooltip1 composed dependency(s)

waitlist-form

ui

Email-capture form with an inline success state — dispatches `waitlist-submit` ({ email }) for the consumer to wire the real request; no popover, no network logic.

aihu add waitlist-form

wibbling-spinner

ui

Presentational braille-glyph loading spinner — cycles through a fixed frame set on a short interval.

aihu add wibbling-spinner

word-roll

ui

Presentational rolling headline word — cycles through a comma-separated item list, rolling each new word down into a clipped window.

aihu add word-roll

02 providers + extensions

Opt into first-party capabilities

bun add <package>