shadcn-ui-blocks

A dark earnings card with a quarter chip, revenue, and growth stats.

An ebook card with a drawn book cover, book title, and a pages chip.

Quarterly budget grid with one cell in active edit mode, tab navigation hint, and per-row save and cancel actions.

The raw scan and final print file side by side, four numbered edit steps, and a closing note on what the retouching never includes.

Edit conflict dialog with a three column yours versus theirs field diff, a radio list of resolutions, and a version history safety note.

Document version history with a selectable edit list on the left and an inline before and after diff panel on the right using theme token opacity.

A magazine front page row pairing one large feature card with two stacked compact posts.

A centered blog header above five hairline separated editorial rows with dates, titles, excerpts, and category badges, closed by an archive button.

The store led by seasonal writing beside a campaign image with its provenance caption.

One magazine spread, a large frame beside styling notes and the itemized pieces.

Four products with large images and a full written sentence under each.

A split layout pairing an identity heading and a ruled working record with a stack of testimonial rows from commissioning editors, each with an avatar.

Settings form with avatar change, name and headline inputs, bio with char count, and a save bar.

A list of degrees, courses, and certifications with issuer, date, and credential. Shows formal training and qualifications on a portfolio or resume page.

A ruled list of education entries showing institution, qualification, year range, and an optional contextual note per row.

A gift card builder with amount chips and timing facts beside a live preview panel showing the card, delivery details, and a spam fallback note.

Alerts raised with a soft shadow so they lift off the surface. Use for floating notifications or messages that should feel above the content.

A badge raised above the surface with a soft drop shadow. Use it to mark a priority label or count that should read as floating above content.

Heading and intro above a ruled list of talks, podcasts, essays, and teaching, each with a year, format, title, venue, and note.

A grid of four bordered profile tiles, each with a platform icon, handle, and posting note, above a bar with nav and copyright.

A ruled list of platforms where this person can be found online, showing the brand icon, handle, and a context-appropriate follow or connect action per row.

Ruled rows for each account email with primary and verification badges, resend and remove actions, and an inline add address form below.

A centred minimal contact block with the email address rendered large as a mailto link and a row of social platform links with brand icons beneath.

A large mailto link and a no forms pitch beside a checklist card covering the five details a useful first email should include.

A full width muted band with a newsletter invitation beside a labeled email form, a subscribe button, and a one line privacy note.

A centered heading with an inline email input and submit button that collects addresses for a one-email availability notification.

Email change confirmation page showing the new and old address with timestamp and device, a lock account alarm for unauthorized changes, and a dual address notice.

A verification landing that names what the click unlocked before one button back.

Sending domain panel with a monospace DNS record grid, per-record verified badges, a from-address field, and a deliverability fallback note for unverified domains.

Email rules manager with ruled rows describing each rule in plain English, action badges, a toggle switch, and an add-rule affordance.

Every email sent to this account as a dated list, each row naming the reason it was sent.

Inbox message list with sender avatars, subjects, snippets, unread indicators, star toggles, and attachment markers per row.

A reset password form that emails a one time code, then prompts users to enter the OTP digits before setting a new password. Use for secure email recovery.

Full message reading pane with sender row, body paragraphs, attachment chip, collapsed quoted reply, and reply or forward actions.

A volume slider against public rate bands with the computed monthly price.

Static open-state emoji picker inline above a message with a recents row, category grid, search input, and existing reaction chips.

An employee benefits grid covering insurance, learning budgets, and flexible hours. Shows candidates the full package while they consider applying.

Three employee quote cards with avatars and tenure lines confirming culture claims.

Empty automations panel pairing a build from scratch action with three starter template recipe rows and a facts row on run speed and quota.

The guilt free empty cart with three honest starting points.

The empty cart as navigation, no guilt, with three labeled exits.

Analytics panel keeping the full chart frame and axis ticks, with a zero range message offering wider ranges and their real event counts.

Empty discussion panel with a zero comment header, a watcher avatar row, and an inline composer with a mention hint and visibility note.

Zero results handled honestly, what we checked and three real ways forward.

A sidebar and header frame with a first run canvas: a centered empty state with icon, heading, primary and secondary actions, and a starter template row.

Projects table filtered to zero rows keeping active filter chips and the header visible above a centered empty state with recovery actions.

Members table with the real header row visible and an empty body explaining which filters hid all 14 rows.

An empty file library with a dashed dropzone, browse and import from URL actions, a facts row for formats and storage, and a privacy note.