Components15
Every piece of Kinetik in one place, sorted into 7 categories. Open one to see it live, tweak its variants, and grab the source.
Buttons
1 itemAnimations
1 itemData
1 itemEffects
3 items- 04Click SparkShort strokes burst out from wherever you click, then shrink and fade away.View
- 05Organic GrowthWrap any element and vines, leaves and flowers grow out of its edges on hover or focus.View
- 06Particle DissolveBreak any element into drifting dust when it's deleted, sent or dismissed, with its real colours and a smooth fold.View
Inputs
5 items- 07File AttachmentAttachment previews for uploads, with a springy progress ring, a check on finish, cancel, retry and remove.View
- 08Gooey SearchA command search whose results melt out of the input, with grouped results and full keyboard control.View
- 09Model SelectorA compact model picker for AI apps with glyphs, badges, a sliding highlight and an optional extended-thinking switch.View
- 10Prompt InputA clean AI prompt box that grows open on focus, lit by a Beam border glow, with a ChatGPT-style + menu, model picker, attachments, voice input and run / stop.View
- 11Simple SearchThe clean ⌘K search this site uses, with a rotating placeholder, results that blur in and a filter menu.View
Media
1 itemNavigation
3 items- 13MenubarAn app-style menubar whose menus fade and scale out of their trigger, with a highlight that glides between items.View
- 14Segmented NavigationA row of slim ticks that opens into a labelled pill under the cursor, with neighbours swelling like a dock.View
- 15Sliding TabsPill tabs whose label colour is clipped to a sliding pill, with the active icon fading in beside it.View