ascii-hero
uiDecorative hero-section character field — a monospaced grid of glyphs drifting, pulsing, or wiping in on a managed canvas, built on useCharacterField.
aihu add ascii-heroRG first-party preview
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.
01 components
aihu add <name>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-heroDecorative animated aurora-borealis-style background wash — pure CSS layered gradients, blur, and mix-blend-mode, no canvas.
aihu add auroraPresentational badge recipe — inline-flex pill with a variant matrix.
aihu add badgeDrag-to-reveal image comparison, built on the AihuSliderRoot primitive — keyboard-operable divider between named before/after slots.
aihu add before-after1 composed dependency(s)Presentational oversized watermark-style text, typically a footer wordmark. Decorative, hidden from the accessibility tree.
aihu add big-backStyled button recipe wrapping a native <button> (variants + sizes).
aihu add buttonPresentational card recipe with slotted header, body, and footer regions.
aihu add cardPresentational single chat message bubble — speaker-aware alignment and accent, optional initials avatar.
aihu add chat-bubbleFloating 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)Styled checkbox recipe — light-DOM element extending the headless AihuCheckboxRoot primitive (tri-state, Space toggle, native form participation).
aihu add checkbox1 composed dependency(s)Presentational social-proof pill — pairs a status-dot-style lead slot with a metric.
aihu add community-badge1 composed dependency(s)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)Presentational label pill, typically preceding a heading. Composes with status-dot in its lead slot.
aihu add eyebrow-pill1 composed dependency(s)Decorative ambient particle field — small glowing dots drifting and twinkling on a managed canvas, built on useParticleField.
aihu add floating-sparklesPresentational frosted-glass surface card — backdrop-filter blur over a translucent, color-mixed background.
aihu add glass-cardDecorative watchful eye — a glowing iris with a pupil that autonomously sweeps a slow Lissajous scan, built directly on useCanvasSurface.
aihu add goldeneyePresentational text decoration — applies the pack's brand gradient as text fill.
aihu add gradient-textPresentational input recipe — light-DOM custom element wrapping a native <input> that joins the outer form, with token-driven styling.
aihu add inputPresentational label recipe — light-DOM custom element wrapping a native <label> with a forwarded `for` association and token-driven styling.
aihu add labelInfinite horizontal auto-scrolling row of logos — CSS-only, pauses on hover/focus and honors reduced motion.
aihu add logo-marqueePresentational flex row for partner/press logos — muted+grayscale at rest, full color on hover.
aihu add logo-rowDecorative fake code-editor window chrome — traffic-light dots + title bar over a slotted code body.
aihu add mock-ideDecorative animated network background — drifting nodes joined by distance-faded connecting lines on a managed canvas, built on useCanvasSurface.
aihu add node-graph-backgroundStyled 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 tier card — tier/price/period, an optional featured accent border/elevation, and a default slot for the consumer's feature list.
aihu add pricing-cardPresentational 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 promptLarger hero variant composing gradient-text (heading) above a prompt bar, centered layout.
aihu add prompt-hero2 composed dependency(s)Presentational inline text emphasis for prompts/callouts — underline accent with an optional blinking caret.
aihu add quest-textPresentational rotating headline word/phrase — cycles through a comma-separated item list on a fixed interval, cross-fading each change.
aihu add rotatorPresentational separator recipe — token-colored 1px rule with role=separator + aria-orientation.
aihu add separatorPresentational sentence where one word wiggles for attention at a time, the highlight advancing left to right, looping.
aihu add slippy-wordsPresentational decorative accent mark — a four-pointed star with an optional shimmer.
aihu add sparklePresentational number that counts up to a target the first time it scrolls into view.
aihu add stat-counterPresentational status indicator — a semantic-colored dot with an optional pulsing liveness ring.
aihu add status-dotPresentational full-width announcement bar. No dismiss affordance in this slice.
aihu add sticky-bannerStyled switch recipe — light-DOM element extending the headless AihuSwitchRoot primitive (binary toggle, Space/Enter activation, native form participation).
aihu add switch1 composed dependency(s)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)Presentational textarea recipe — light-DOM custom element wrapping a native <textarea> that joins the outer form, with token-driven styling.
aihu add textareaPresentational LLM-response-streaming look — reveals a sentence word by word with a blinking caret.
aihu add token-streamStyled 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)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-formPresentational braille-glyph loading spinner — cycles through a fixed frame set on a short interval.
aihu add wibbling-spinnerPresentational rolling headline word — cycles through a comma-separated item list, rolling each new word down into a clipped window.
aihu add word-roll02 providers + extensions
bun add <package>Discovery + readiness manifest emitter so agents can introspect aihu apps.
bun add @aihu-plugin/agent-readinessReactive data loaders and resource primitives for aihu.
bun add @aihu-plugin/dataDrizzle ORM data adapter for aihu — typed createResource fetchers and defineLoader helpers (Postgres / SQLite / libSQL).
bun add @aihu-plugin/drizzleRuntime syntax highlighting + markdown rendering for aihu — <aihu-code>/<aihu-markdown> custom elements + signal-aware highlight()/renderMarkdown() helpers, powered by published @kindly-note/* packages with lazy loading.
bun add @aihu-plugin/kindly-noteaihu CSS engine — Tailwind v4 hard fork with WC-native scoped output.
bun add @aihu/css-enginePlugin substrate shared by @aihu/server and the meta-framework — runtime hook surface.
bun add @aihu/pluginCanonical proof-of-life for the @aihu/plugin API — exercises macros, middleware, and transforms.
bun add @aihu/plugin-demoFile-based router for the aihu meta-framework.
bun add @aihu/router