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

12 components8 new, October 16, 2026

Cards

Cards for deployments, checkout, AI images, workspaces, courses, polls, profiles, contacts, jobs and order tracking.

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
Variation 1 of 4: A quiet valley at dusk, layered hills, low sun, muted film tones

1152 × 864·Seed 89702


02Audio Player CardNew, Oct 15

Podcast or voice note player with a scrubbable waveform, chapter tooltips and a speed chip.

Install with
no extra packages

03Onboarding ChecklistNew, Oct 15

Get-started checklist with a progress ring, steps that collapse as you check them and an all-set state at the end.

Install with
no extra packages

04Deployment CardNew, Oct 15

Deployment card with a site preview, commit and status. Redeploy runs a build along a step rail, with a ticking timer and the latest log line swapping in place.

Install with
no extra packages

05Order Summary CardNew, Oct 15

Calm checkout summary with drawn product tiles, quiet quantity controls, an Express delivery switch and an inline promo code. Totals roll only the digits that change, and Pay eases from a spinner to Paid.

Install with
no extra packages

06Workspace SwitcherNew, Oct 15

Workspace switcher for the top of an app sidebar. The trigger row expands into the panel and becomes a search field, with arrow keys, ⌘1-9 shortcuts and a compact account footer.

Install with
no extra packages

07Continue Learning CardNew, Oct 15

Continue-watching card for courses. Scrub the lesson thumbnail like a storyboard, click to resume from that moment, and pick from the next lessons below.

Install with
no extra packages

08Poll CardUpdated, Oct 15

One-question poll where choosing is voting: bars grow to their share, percentages count up, and Undo stays for five seconds.

Install with
no extra packages

09Profile CardUpdated, Oct 15

Portrait profile card with stats and mutual followers. Follow morphs into Following while the follower count rolls up.

Install with
no extra packages

10Contact CardUpdated, Oct 15

Teammate card built around when you can reach them: a 24-hour strip of both working days with the overlap in ink. Scrub it to read any time on both clocks. Rows copy on click, and Save contact downloads a real vCard.

Install with
no extra packages

11Job Listing CardUpdated, Oct 15

Job post where you apply without leaving the card. The salary band sits on a market range with the median marked, and Quick apply folds into a short form with a résumé drop, then an Applied status track with Undo.

Install with
no extra packages

12Order TrackerNew, Oct 16

Delivery card with a milestone rail. Details unfolds it into the full scan history, each stop moving into its row.

Install with
no extra packages
PreviousTestimonialsNextHeadline

On this page

01Image Generation CardNew02Audio Player CardNew03Onboarding ChecklistNew04Deployment CardNew05Order Summary CardNew06Workspace SwitcherNew07Continue Learning CardNew08Poll CardUpdated09Profile CardUpdated10Contact CardUpdated11Job Listing CardUpdated12Order TrackerNew