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

01Get started

InstallationAgentsChangelog

02Templates

MarlowNewAgentaNewLumeNewSonaeFutur

03Blocks & sections48

Login2 new4Features2 new9FAQs3 new5Footers1 new4HeroesNew9Pricings5 new8
Testimonials2 new3

04Components77

Cards8 new12Headline3 new4Banners2 new5Buttons4 new12Forms1 new8Inputs9 new12Modals3 new8Toolbars2 new5Animated List3 new4Action Search Bar3 new4Action ToolbarUpdatedKanban BoardNewFile TreeNew

05More2

Team InvitationUpdatedCalendar Schedule
04Components77

05 components2 new, October 16, 2026

Toolbars

Toolbars a product needs: list filters, view switching, a document bar, text formatting and a whiteboard dock. The bulk-action bar has its own page, Action Toolbar.

01Filter ToolbarUpdated, Oct 16

Search and filters for an issue list. Filter opens a two-step menu, field then values, and each filter becomes a chip: click its verb to flip between is and is not, or its value to change it. The count rolls as results change, and / jumps to search.

Install with
no extra packages
Live sample
Preview width
5of 24 issues
Status
  • KOK-142Checkout fails when a coupon has expiredBugMC
  • KOK-139Invoice PDF cuts off long company namesBugPR
  • KOK-136Webhook retries back off too slowlyBugLM
  • KOK-133Usage alerts at 80% of the planFeatureJW
  • KOK-125Audit log filters by actorFeaturePR

02View Toggle ToolbarUpdated, Oct 16

The same projects as a board, a list or a table. Switching views moves each project to its new place instead of cutting, and Sort and Display set the order, the fields shown and the row density.

Install with
no extra packages

03Editor ToolbarUpdated, Oct 16

The top bar of a document. Rename it from the breadcrumb, watch it save as you type, see who else is in it, and reach Share and the rest of the actions. The outline slides in from the left.

Install with
no extra packages

04Format ToolbarNew, Oct 16

The bar that floats over selected text. It shows the block style, the marks and the highlight color already on the selection, becomes a link field on ⌘K, and drops below the text when there is no room above. It uses the browser's editing commands, so it works on any contentEditable or can drive your editor's own.

Install with
no extra packages

05Canvas ToolbarNew, Oct 16

The tool dock of a whiteboard. Each tool has a key, holding Space pans from any tool, the shape button keeps the last shape you picked, and a line above the dock says what the tool will do next. Sticky notes cycle through four colors, the people on the board show up with their cursors, undo, redo and zoom sit in the corner, and the board opens zoomed to fit.

Install with
no extra packages
PreviousModalsNextAnimated List

On this page

01Filter ToolbarUpdated02View Toggle ToolbarUpdated03Editor ToolbarUpdated04Format ToolbarNew05Canvas ToolbarNew