Kokonut UIPro
ComponentsTemplatesPricing
Sign inGet Pro
Kokonut UIPro
TemplatesPricingSign in
Get Kokonut UI Pro

01Get started

InstallationAgentsChangelog

02Templates

FleetNewMarlowNewAgentaNewLumeNewSonaeFutur

03Blocks & sections48

Login2 new4Features2 new9FAQs3 new5Footers1 new4HeroesNew9Pricings5 new8
Testimonials2 new3

04Components106

AINew18Cards10 new14Charts & DataNew5Headline3 new4Banners2 new5Buttons5 new12Forms2 new9Inputs12 new13Modals3 new8Toolbars2 new5Animated List3 new4Action Search Bar2 new3Action ToolbarUpdatedKanban BoardNewFile TreeNewReview PinsNewVersion HistoryNewTab StripNew

05More2

Team InvitationUpdatedCalendar Schedule
04Components106

18 components18 new, October 25, 2026

AI

Interfaces for AI products and agents: generation, streaming answers, reasoning, agent runs, plans and permissions, knowledge sources, evals, enrichment, cited replies and chat history.

01Image Generation CardNew, Oct 15

AI image panel: Generate resolves the image from coarse pixel blocks to sharp with a step counter, then four variations land. Pick one, or change the ratio.

Install with
no extra packages
Live sample
Preview width

02Agent QuestionsNew, Oct 21

The questions an agent asks before it starts: pick with a click or a number key, and answers fold into a summary you can edit.

Install with
lucide-react, motion

03Docs SearchNew, Oct 16

Search for a docs site that can also answer. Hits are grouped by page with the line that matched, and the first row asks instead: the answer is written from the matching sections, each sentence cites its source, and pointing at a citation lights up that source. With nothing to cite, it says so instead of guessing.

Install with
no extra packages

04Run TraceNew, Oct 25

One agent run as a waterfall: model calls, tool calls and retrievals stream in on the run's own clock, so parallel calls sit side by side and a timeout stands out. Hover to read the clock, click a span for its input, output, tokens and cost, and collapse a step into one bar that still shows where its children ran.

Install with
lucide-react, motion

05Tool PermissionsNew, Oct 25

Allow, Ask or Block for every tool an agent can reach, grouped by connected server and tagged as reads, writes or destructive. Setting a whole server to Allow leaves its destructive tools as they were until you say so, and changed tools show what they were until Save.

Install with
lucide-react, motion

06Knowledge SourcesNew, Oct 25

The files an assistant answers from, each drawn as its chunks. Cells fill in as a file is embedded, a scanned PDF says it needs OCR, and a test question lights up the chunks it would retrieve with their scores and matched words. Add the missing source and the ranking moves to make room.

Install with
lucide-react, motion

07Prompt TemplateNew, Oct 25

A versioned prompt where every {{variable}} is tinted in place and gets its own field, added and removed as you type. Point at a field to see where it's used, switch to Preview for the prompt the model gets, and save the edit as the next version.

Install with
lucide-react, motion

08Plan ReviewNew, Oct 25

The plan an agent writes before it starts: drag or arrow-key steps into order, rename, skip or add them, or ask for changes and see what the agent added. Approve runs it step by step, and steps that ask first wait for Run or Skip.

Install with
lucide-react, motion

09Streaming TextNew, Oct 25

An answer as it streams in. Words arrive in small uneven bursts and come into focus from a soft blur instead of popping in, with a caret riding the end. Stop freezes it where it is, and Continue picks up from the next word.

Install with
motion

10ReasoningNew, Oct 25

While a model thinks, its thoughts rise through a short window that fades at the top, and the seconds roll over like a counter. When the answer arrives the window folds into "Thought for 9s", which opens back into the full trace.

Install with
lucide-react, motion

11Response FeedbackNew, Oct 25

The row under an answer: Copy, thumbs up, thumbs down and Retry. A thumbs down turns the row itself into a one-line "What went wrong?" field, with the thumb moving into it. Enter sends and the field folds back into the row.

Install with
lucide-react, motion

12Eval GridNew, Oct 25

A prompt change run against its test suite. Cases resolve out of order as workers pick them up, and each is read against the old prompt, so regressions and fixes stand out even when the score doesn't move. Pick a cell for both outputs and the grader's reason.

Install with
lucide-react, motion

13Enrich TableNew, Oct 25

A list of companies with one AI column. Fill answers it row by row, says when it found nothing, and every answer shows the sentence it was read from on hover.

Install with
lucide-react, motion

14Agent InboxNew, Oct 25

The background tasks a team's agents are working through, sorted by what they need from you. Questions are answered in the row, and tasks slide between Needs you, Running and Done as they move. Open one for its step log.

Install with
lucide-react, motion

15Reply CopilotNew, Oct 25

A suggested support reply that writes itself in. Sourced sentences end with their article's number, and switching tone only fades in the words that change.

Install with
lucide-react, motion

16Chat HistoryNew, Oct 25

The conversation sidebar of an AI chat app, grouped by day. A new chat waits for its first answer, then writes in the title the model gave it.

Install with
lucide-react, motion

17Steer ComposerNew, Oct 25

An agent thread whose composer steers the run while it works. A steer waits above the input until the next step, then moves into the thread where the agent read it, and the remaining steps change to match.

Install with
lucide-react, motion

18Double ComposerNew, Oct 25

The prompt box of a coding agent in two layers: the card holds the prompt, model, effort and access, and a tray tucked under it holds the machine and branch. Moving the work to the cloud turns the branch remote in place.

Install with
lucide-react, motion
PreviousTestimonialsNextCards

On this page

01Image Generation CardNew02Agent QuestionsNew03Docs SearchNew04Run TraceNew05Tool PermissionsNew06Knowledge SourcesNew07Prompt TemplateNew08Plan ReviewNew09Streaming TextNew10ReasoningNew11Response FeedbackNew12Eval GridNew13Enrich TableNew14Agent InboxNew15Reply CopilotNew16Chat HistoryNew17Steer ComposerNew18Double ComposerNew
Variation 1 of 4: A quiet valley at dusk, layered hills, low sun, muted film tones

1152 × 864·Seed 89702