Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.
I'll be out Tuesday for a conference. Drop in Thursday 15:00 – 17:00 instead — same Zoom link in the syllabus.
Posted 2 hours agoLeft-ruled amber announcement from an instructor with a megaphone chip, title, body, and timestamp.
Saved-quote card grouping highlighter-tinted excerpts and an italic personal note beneath them.
Dark live-classroom widget with a red live chip, attendee and raised-hand counts, and mic/video toggles.
Timestamped transcript panel where the currently-playing line picks up a sky background highlight.
Teacher profile with a gradient avatar wearing an amber award badge, subject line, and rating row.
Ranked student list with rank digits, avatar initials, and emerald score pills on the right.
Weekly syllabus where completed weeks get an emerald W tile and their titles are struck through.
Upcoming workshop card with a pulsing live pill, date/time/duration line, enrollment count, and a CTA.
Multi-course path card listing numbered steps, per-step hours, and a primary Path tag in the header.
The office hours alone were worth the tuition. I came in wanting to learn Next.js and left with a new role.
Graduate testimonial with five-star rating, a body paragraph, and an avatar-cohort footer.
Spaced-repetition deck summary with italic card fronts and new, learning, review, or mastered pills.
Teacher dashboard tile with a progress bar and three tinted tiles counting submitted, late, and missing.
ID-card layout with an indigo photo panel on the left and a name, grade, school, and validity footer.
Share your story and the thing you wish you knew earlier. I'll reply over the weekend.
Mentor AMA card with title, course subline, clipped description, and answered/waiting counts.
Notched gradient concert ticket with section, seat, and a vertical mono ticket code on the stub.
Invitation card with three emerald/amber/rose response buttons and a footer tallying current responses.
Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.
Dark foreground countdown with event title, start time, and a four-unit time tile grid below.
Venue panel with a gridded mini-map tile, name, address, city, capacity, and an italic directions line.
Conference day schedule with left-ruled session rows color-coded by keynote, talk, break, or workshop.
Pass-level list where a highlighted tier picks up a primary ring and sold-out rows dim with a note.
Stacked avatar row with a +N overflow chip, total attendee count, and a social-proof summary line.
Live-streaming card with a rose live pill, viewer count, minutes-in marker, and a Join stream button.
Scannable entry card with a fake QR grid on the left and attendee, code, seat, and gate info on the right.