Nexus UI

UI component library for AI interfaces

[victor @victorwill__]

Added a new component to @nexus__ui

Questions — Follow-up clarification card with single/multi-choice options, carousel navigation, and skip/submit.

Check out the updated docs and try it out!

[victor @victorwill__]

https://t.co/OnCytygwBx

[victor @victorwill__]

I wrote a bit about building an AI chat for the Nexus UI docs.

Talked about some of the things I learned, the decisions I took, and why.

https://t.co/OnCytygwBx

[victor @victorwill__]

Ask Nexus UI anything — right in the docs.

I built an AI chat panel across the docs site: open it with the floating button or ⌘/, ask in plain language, and get a streamed answer that is grounded in the actual documentation.

Under the hood, I implemented a RAG pipeline that chunks and indexes every doc page, the Nexus skill reference, and component source code — then pulls the best chunks into context before the model replies.

If something’s missing, it can run a local search tool to pull more before finishing.

Built with @nexus__ui and @shadcn primitives, @aisdk, and FlexSearch.

[victor @victorwill__]

Added a new component to @nexus__ui

Tool — Status-aware tool call UI with JSON input/output codeblocks

Use it to render and track AI tool calls end-to-end, from streamed inputs to final outputs or errors, in a clear, state-aware UI

Check out the updated docs and try it out!

[victor @victorwill__]

Added a new component to @nexus__ui

Chain of Thought — Structured timeline for AI assistant/agent execution traces

Use it to display sequential steps (web search, code search, file reads, tool calls) with per-step status, optional expandable output, and an auto-closing root when all steps are complete

Check out the updated docs and try it out!

[victor @victorwill__]

Added a new component to @nexus__ui

Toaster — Headless toast notifications powered by @emilkowalski's Sonner, with variant-aware styling and custom action/cancel controls

Check out the updated docs and try it out!

[victor @victorwill__]

The trick to solving this is to give the latest assistant message a dynamic min-height so that when a new prompt is sent, the thread/chat container aligns with the last user message at the top.

min-height = thread height - previous user message height - thread content gap - thread bottom padding

The key part is measuring the previous user message with a ref + ResizeObserver, storing that as a CSS variable, and keeping all layout constants (height/gap/padding) as thread-level CSS vars so the "calc(...)" stays in sync.

Here's a demo* showing the behaviour without(left) and with(right) the scroll-to-top effect

*Both videos are sped up x1.4

[victor @victorwill__]

Added a new component to @nexus__ui

Feedback Bar — Composable feedback prompt bar for both individual AI responses and full conversation rating flows

Check out the updated docs and try it out!

[victor @victorwill__]

Little update!

Action primitives in @nexus__ui now support built-in tooltips

Add a label, side, and keyboard shortcut with a single prop

PromptInputAction, MessageAction, and ImageAction are all covered

Tiny API, better UX

[victor @victorwill__]

Added a lightbox primitive to the Image component for @nexus__ui

You can now view an expanded version of the generated image in a lighbox panel powered by @radix_ui's dialog primitives

Check out the updated docs and try it out!

[victor @victorwill__]

Added a new component to @nexus__ui

Image — Composable renderer for AI-generated images with base64 and Uint8Array payloads

Here's a quick demo, showing how the Image component is used to render AI-generated images, powered by @aisdk and @OpenAI's GPT Image 1 model

Check out the updated docs and try it out!

[victor @victorwill__]

Text Shimmer is now live on @nexus__ui

Animated shimmer effect for AI loading and "in progress" feedback

Text Shimmer renders a moving highlight across text and exposes controls for speed, spread, direction, contrast, and pause between passes

Check out the updated docs and try it out!

[victor @victorwill__]

Added a new component to @nexus__ui

Reasoning — Collapsible UI for assistant thinking traces

Here's a quick demo, showing how the Reasoning component is used to render an assistant's thought process, powered by @aisdk and @claudeai's Sonnet 4.5 model

Check out the updated docs and try it out!

[victor @victorwill__]

analytics for @nexus__ui since the week we launced

[victor @victorwill__]

not bad!

https://t.co/oPYoDViOH0

[victor @victorwill__]

Today, we launched Nexus UI on @ProductHunt

Nexus UI is an open-source component library of beautiful, composable, and accessible primitives for chat, voice, and agent interfaces

Built on top of @shadcn and @radix_ui

It would mean a lot if you checked it out, voted, and dropped some feedback

Thanks!

https://t.co/KCm8c9jX1d

[victor @victorwill__]

Quick demo: rendering inline citations using @aisdk with @perplexity_ai, @haydenbleasel's Streamdown, and @nexus__ui

Streamdown doesn’t resolve citations out of the box—the workaround here is to rewrite [1][2] into marker links, then override the markdown <a/> renderer to swap those links for the @nexus__ui Citation component

Check out the updated docs for a more detailed walkthrough!

[victor @victorwill__]

Added a new component to @nexus__ui

Citation — Composable inline source reference with hover preview; powered by @shadcn's hover-card and carousel components

Check out the updated docs and try it out!

[victor @victorwill__]

All @nexus__ui components use the same @shadcn design tokens as the rest of your app.

Install them into an existing @shadcn project, and they pick up your theme—no extra setup needed!