Dev Design Library

Queued message stack

Sonner-style stack of queued composer messages: collapsed cards fan out on hover (tap on touch), drag to reorder, a gutter arrow counts the overflow, edit/remove per card, and a shared-layout morph into the sent message.

Queued message stack preview
Library
Fluid Functionalism
Framework
React
Type
block
License
MIT
Dependencies
lucide-react, motion
Install
npx shadcn@latest add @fluid/queued-stack
Files
  • registry/blocks/queued-stack.tsx
  • registry/default/lib/springs.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
  • registry/default/lib/icon-context.tsx
  • registry/radix/tooltip.tsx
  • registry/default/file-thumbnail.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism