Installation Agents Changelog TemplatesPRO

BG-01Dot FieldNew BG-02Background Paths BG-03Shape Hero BG-04Wind BG-05Topo BackgroundNew BG-06Drape BackgroundNew BG-07Halftone Background

CD-01Flick Card CD-02Throw Deck CD-03Now Playing CD-04Apple Activity Card CD-05Widget Grid CD-06Currency Transfer CD-07Momentum Rail CD-08Notification StackNew CD-09Liquid GaugeNew CD-10Activity TerrainNew CD-11Receipt PrinterNew CD-12Metric Card CD-13Uptime Card CD-14Spending Ring CD-15Lightbox GridNew

NV-01Split Nav NV-02Tool Dock NV-03Swipe Tabs NV-04Account Menu NV-05Command Palette NV-06Smooth Drawer NV-07Marking MenuNew NV-08Scroll Index NV-09Status IslandNew NV-10Stack PanelNew

IN-01File Upload IN-02Avatar Picker IN-03Team Selector IN-04Loader IN-05Detent DialNew IN-06Wheel PickerNew IN-07Liquid SliderNew IN-08Signature PadNew

AI-01AI Input Selector AI-02AI Input Search AI-03AI State Loading AI-04AI Text Loading AI-05AI Voice AI-06AI Tool ApprovalNew AI-07AI Context MeterNew AI-08AI Inline CitationsNew AI-09AI Diff ReviewNew AI-10AI Model SelectorNew AI-11AI AutocompleteNew

MD-01Clip TrimmerNew MD-02Synced TranscriptNew MD-03Focal Point PickerNew MD-04Photo StraightenNew

TX-01Typing Text TX-02Dynamic Text TX-03Glitch Text TX-04Extruded Text TX-05Plucked TextNew TX-06Cradle Text TX-07Spoiler TextNew

BT-01Particle Button BT-02V0 Button BT-03Gradient Button BT-04Magnet Button BT-05Hold Button BT-06Command Button BT-07Switch Button BT-08Slide Text Button BT-09Pull CordNew BT-10Tear ButtonNew BT-11Bell ButtonNew BT-12Morph PopoverNew BT-13Undo ButtonNew

PROKokonut UI Pro100+ components to build websites faster, works with Claude Code, Cursor and more

MD-03MediaNew, October 16, 2026

Focal Point Picker

Set where a photo's subject is and see every crop follow it live. Hover a crop to see what it cuts.

Install with

no extra packages

Configuring your account...Please wait while we prepare everything for you

Synced TranscriptNew

A transcript that follows the spoken word, lets you click any word to jump there, and waits when you scroll away.

Photo StraightenNew

Level a crooked photo on a ruler you drag or flick. The crop grows to hide the corners, and a grid shows while you adjust.

On this page

No Headings

Agenta, a Kokonut UI Pro template

Kokonut UI ProBuild beautiful websites faster.

100+ components to build websites faster
Works with Claude Code, Cursor and more
One command installation with shadcn/cli

Explore Kokonut UI ProTrusted by 10k+ users worldwide

Peaks above a sea of clouds

Drag the point, or hover a crop to see it68% 38%