Trending Society

Animated CTA Buttons Hold Action Button | UI components | Trending Society

More from @karaui, 144 components

All @karaui

Accordion component
@karaui
Calm shadcn-compatible accordion built on Collapsible (Accordion, AccordionItem, AccordionTrigger, AccordionContent) with type single or multiple, collapsible, controlled or uncontrolled value, a spring-rotating chevron, height-morphing panels and Arrow/Home/End focus movement between triggers; the quiet counterpart to the springy Bouncy Accordion.
4 packages
Action Swap Blur component
@karaui
The old content blurs, fades and shrinks while the new content grows in sharp: the familiar copy-to-check feedback.
3 packages
Action Swap Cascade component
@karaui
Each letter of the outgoing label falls away while its replacement lands in the same slot, travelling left to right, so a change like Copy to Copied reads as one motion.
3 packages
Action Swap Roll component
@karaui
The current label or icon slides up and out as its successor comes up from underneath, softened by a light blur.
3 packages
Agent Activity component
@karaui
One feed for everything an agent does while it works: free text, reasoning steps, web searches with results, read, edit and run tool calls, or compact trace entries, shown alone or interleaved in order, then folded into a one-line summary.
4 packages
Agent Loading States Agent Progress component
@karaui
A small animated glyph, an action word and a ticking timer in tabular digits for jobs that take a while.
3 packages
AI Sidebar component
@karaui
A file-tree sidebar for agent workspaces: folders and projects expand, files and bookmarks open, rows move by drag, keyboard or menu with rollback when your save fails, F2 renames in place, and long names truncate cleanly.
4 packages
Alert component
@karaui
Inline alert banner in info, success, warning and destructive tones that keep contrast in light and dark, with icons, a title, description and optional actions, polite status or assertive alert roles by severity, and a dismiss that fades the banner and collapses its height so the content below slides up, plus an AlertStack whose gaps collapse with it.
4 packages
Animated Badge component
@karaui
A small status pill for neutral, info, success, warning, danger and loading states. Each state brings its own icon, changing status rolls the icon over, and a soft breathing ring (on by default while loading) draws the eye. Comes in two sizes.
4 packages
Number Animation Animated Number component
@karaui
Eases from the previous value to the new one through a format function you provide; with startOnView it waits until most of the element is on screen before counting.
3 packages
Animated Sidebar component
@karaui
An app-shell sidebar in shadcn's shape (provider, header, groups, menus, sub-menus, rail) whose nested menus open with a clip reveal. On desktop it collapses to an icon strip or off-canvas with Ctrl/Cmd+B; under 768px it becomes a sheet that traps and returns focus.
4 packages
Animated Toast Stack Animated Toast Stack component
@karaui
The base stack: neutral, info, success, error and loading toasts with icons, action buttons and swipe-away, placed top or bottom at the left, center or right, with a cap on how many stay visible.
4 packages

Animated CTA Buttons Hold Action Button

Install

Live preview

Registry dependencies0

Packages3

Animated CTA Buttons Hold Action Button

Install

Live preview

Registry dependencies0

Packages3

Source

More from @karaui, 144 components

The Signal

Install

Live preview

Registry dependencies0

Packages3

Install

Live preview

Registry dependencies0

Packages3

Source

More from @karaui144, 144 components

More from @karaui, 144 components