Dev Design LibraryTailwind CSS Document Components
Dev Design Library indexes 24 Tailwind CSS document components from 12 open-source UI libraries, with the most coming from Tremor Blocks, uselayouts, LocalMode, FLX UI and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes.
Receipt Tape PrintAmicro Micro Transitions · React
Test ResultsAI Elements · ReactDisplay test suite results with pass/fail/skip status and error details.
Receipt PrinterKokonut UI · ReactA receipt that prints line by line, then tears off and falls when you pull it, built with React.
Receipt TiersSpectrum UI · ReactPlans printed as thermal receipts with torn edges, dotted leaders, and a rubber stamp.
Page HeaderPanel UI · React NativeCover, face and actions at the top of a profile.
Thermal Receipt CardOpenSourceUI · React
Confidential Folderuselayouts · ReactA charcoal sleeve that pulls a letter out, flips it, and lands it in front of you.
SignatureComponentry · ReactAn animated SVG signature effect that draws out text as if hand-written.
Billing Usage 01Tremor Blocks · React
Receipt PrinterUI Lab · ReactFeeds a receipt out of the slot line by line; twist it against the cutter to tear it off.
Meeting Assistant BlockLocalMode · ReactAudio upload OR pasted transcript → Transcribe → Summarize (DistilBART, maxLength 200 / minLength 60) → Extract action…
Form in a DialogFLX UI · ReactBuild an invoice while a dialog validates each line item against its own schema.
Scan Documentuselayouts · ReactClick Scan and a page unfolds, flips, and a glowing bar reads it. Done holds, then it resets.
Billing Usage 02Tremor Blocks · React
Device Report BlockLocalMode · ReactA zero-download device capability report rendered entirely from browser APIs (useCapabilities / useStorageQuota /…
Form in a DialogFLX UI · ReactBuild an invoice while a dialog validates each line item against its own schema.
Billing Usage 03Tremor Blocks · React
Billing Usage 04Tremor Blocks · React
Billing Usage 05Tremor Blocks · React
Billing Usage 06Tremor Blocks · React
Billing Usage 07Tremor Blocks · React
Billing Usage 08Tremor Blocks · React
Billing Usage 09Tremor Blocks · React
Billing Usage 10Tremor Blocks · React