Dev Design LibraryAnimated Document Components
Dev Design Library indexes 7 Animated document components from 6 open-source UI libraries, with the most coming from uselayouts, Kokonut UI, Kinetics, Amicro Micro Transitions and Componentry. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the document components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion.
Receipt Tape PrintAmicro Micro Transitions · React
Receipt PrinterKokonut UI · ReactA receipt that prints line by line, then tears off and falls when you pull it, built with React.
Confidential Folderuselayouts · ReactA charcoal sleeve that pulls a letter out, flips it, and lands it in front of you.
Echo ReceiptKinetics · HTML/CSSAcknowledgement ripples through three trust layers
SignatureComponentry · ReactAn animated SVG signature effect that draws out text as if hand-written.
Receipt PrinterUI Lab · ReactFeeds a receipt out of the slot line by line; twist it against the cutter to tear it off.
Scan Documentuselayouts · ReactClick Scan and a page unfolds, flips, and a glowing bar reads it. Done holds, then it resets.