shadcn-ui-blocks
Agenda Open Graph imageog-image-agendaAn agenda card with an event chip and three session rows.
Annual report Open Graph imageog-image-annual-reportAn annual report card with a year tile, title, and stat chips.
API reference Open Graph imageog-image-api-endpointA dark API card with a method chip, endpoint path pill, and description.
Article dark Open Graph imageog-image-article-darkA dark editorial card with a category chip, headline, summary, and byline.
Award Open Graph imageog-image-award-winA dark award card with a ringed badge, award title, and presenter line.
Restock Open Graph imageog-image-back-in-stockA restock card with a back in stock chip, product name, and size chips.
Benchmark Open Graph imageog-image-benchmarkA dark benchmark card with a title, two comparison bars, and a source.
Beta invite Open Graph imageog-image-beta-inviteA dark beta invite card with a private beta pill and an invite code.
Blog post Open Graph imageog-image-blog-postA clean article card with your headline, summary, and author byline.
Extension Open Graph imageog-image-browser-extensionAn extension card with a browser toolbar mock, title, and browser chips.
Bundle Open Graph imageog-image-bundle-offerA dark bundle card with joined product tiles, a name, and a savings stat.
Case study Open Graph imageog-image-case-studyA case study card with a customer chip, result headline, and key stats.
Certification Open Graph imageog-image-certificationA certification card with a check badge, cert name, and issuer line.
Cheat sheet Open Graph imageog-image-cheat-sheetA dark cheat sheet card with a title and a grid of key tiles.
CLI tool Open Graph imageog-image-cli-toolA dark CLI card with a terminal window, install line, and title.
Code snippet Open Graph imageog-image-code-snippetA dark code snippet card with a full width code window and language chip.
Coming soon Open Graph imageog-image-coming-soonA dark centered teaser card with a brand mark, headline, and date chip.
AMA Open Graph imageog-image-community-amaA dark AMA card with a guest avatar, title, name line, and date chip.
Company news Open Graph imageog-image-company-newsA company news card with an announcement chip, headline, and date line.
Comparison Open Graph imageog-image-comparisonA comparison card with two feature columns and a title.
Countdown Open Graph imageog-image-countdownA dark countdown card with a giant day count, a caption, and a date chip.
Dashboard Open Graph imageog-image-dashboardA dark dashboard card with a window mock, stat tiles, and a sparkline.
Design system Open Graph imageog-image-design-systemA design system card with a swatch and component panel and a version chip.
Documentation Open Graph imageog-image-documentationA docs card with a breadcrumb trail, page title, and reading metadata.
Earnings Open Graph imageog-image-earningsA dark earnings card with a quarter chip, revenue, and growth stats.
Ebook Open Graph imageog-image-ebook-downloadAn ebook card with a drawn book cover, book title, and a pages chip.
Event Open Graph imageog-image-eventA conference card with a calendar tile, venue, and schedule details.
Ticket Open Graph imageog-image-event-ticketA ticket card with an event info panel, dashed divider, and a stub.
FAQ Open Graph imageog-image-faq-answerAn FAQ card with a help center chip, question title, and answer preview.
Feature update Open Graph imageog-image-feature-updateA dark feature card with a title, description, and settings toggle panel.
Funding Open Graph imageog-image-funding-roundA dark funding card with a round pill, a giant raise stat, and investors.
Gift card Open Graph imageog-image-gift-cardA gift card design with a drawn card panel, title, and redeem line.
Gift guide Open Graph imageog-image-gift-guideA gift guide card with three gift tiles, a title, and a price range chip.
Glossary Open Graph imageog-image-glossary-termA glossary card with a breadcrumb, oversized term, and one line definition.
Series Open Graph imageog-image-guide-seriesA series card with a part chip, series name, and part title.
Hackathon Open Graph imageog-image-hackathonA dark hackathon card with a dates chip, title, and prize stat.
Hiring Open Graph imageog-image-hiring-rolesA dark hiring card with a title and three role rows with locations.
Impact report Open Graph imageog-image-impact-reportAn impact report card with a title and three stat columns.
Incident report Open Graph imageog-image-incident-reportA dark incident card with a postmortem chip, timeline rows, and duration.
Integration Open Graph imageog-image-integrationAn integration card with two joined logo tiles, a title, and description.
Internship Open Graph imageog-image-internship-programAn internship card with a title, season and location chips, and a footer.
Interview Open Graph imageog-image-interviewA dark interview card with paired avatars, a title, and names line.
Job posting Open Graph imageog-image-job-postingA hiring card with the role, your pitch, and compensation details.
Launch day Open Graph imageog-image-launch-dayA launch card with an upvote tile, a live chip, title, and tagline.
Library release Open Graph imageog-image-library-releaseA dark library card with a version pill, install pill, and highlights.
Limited offer Open Graph imageog-image-limited-offerA dark limited offer card with a discount stat and an ends chip.
Live stream Open Graph imageog-image-livestreamA dark live stream card with a live pill, title, and platform chips.
Market update Open Graph imageog-image-market-updateA dark market card with three ticker rows and a date line.
Meetup Open Graph imageog-image-meetupA meetup card with a date tile, city chip, topic title, and rsvp url.
Metrics report Open Graph imageog-image-metrics-reportA dark report cover led by three headline statistics.
Milestone Open Graph imageog-image-milestoneA dark milestone card with a giant number, context line, and date chip.
Minimal brand Open Graph imageog-image-minimal-brandA centered brand card with your logo, name, and tagline.
Mobile app Open Graph imageog-image-mobile-appA mobile app card with a drawn phone, app name, tagline, and store chips.
Music Open Graph imageog-image-music-releaseA dark music card with an album art mock, artist name, and album title.
New teammate Open Graph imageog-image-new-teammateA new teammate card with an avatar, a joining title, and role line.
Newsletter Open Graph imageog-image-newsletter-issueA newsletter card with an issue tile, headline, and author byline.
Course Open Graph imageog-image-online-courseA course card with a title, module and hour chips, and instructor byline.
Open source Open Graph imageog-image-open-sourceA repository card with a code window and project statistics.
Opinion Open Graph imageog-image-opinionAn opinion card with a columnist byline, bold stance title, and footer.
Panel Open Graph imageog-image-panel-discussionA panel card with three avatar circles, a title, and names line.
Partnership Open Graph imageog-image-partnershipA partnership card with two joined brand tiles, a title, and description.
Profile Open Graph imageog-image-personal-profileA centered profile card with an avatar, name, role, and link chips.
Photo essay Open Graph imageog-image-photo-essayA photo essay card with a wide image panel, title, and photographer byline.
Podcast episode Open Graph imageog-image-podcast-episodeA dark episode card with guest names and a waveform art panel.
Podcast show Open Graph imageog-image-podcast-showA podcast show card with a waveform tile, show name, and host line.
Poll Open Graph imageog-image-poll-questionA poll card with a question title, two option bars, and a votes line.
Portfolio project Open Graph imageog-image-portfolio-projectA dark portfolio card with a project title, role chips, and image panel.
Press release Open Graph imageog-image-press-releaseA press release card with a release chip, headline, and contact line.
Price drop Open Graph imageog-image-price-dropA price drop card with an old and new price, product name, and ends chip.
Pricing Open Graph imageog-image-pricing-plansA pricing card with three plan tiles and a highlighted middle plan.
Product Open Graph imageog-image-product-cardA product card with an image panel, name, price, and star rating.
Drop Open Graph imageog-image-product-dropA dark drop card with a new drop chip, product name, and notify pill.
Product launch Open Graph imageog-image-product-launchA dark launch card pairing your announcement with an app window mockup.
Quote Open Graph imageog-image-quote-cardA quote card with an oversized quote mark, quote text, and attribution.
Rebrand Open Graph imageog-image-rebrandA rebrand card with old and new logo tiles, a title, and description.
Recipe Open Graph imageog-image-recipeA recipe card with a dish title, description, and time and serving chips.
Referral Open Graph imageog-image-referral-offerA referral card with give and get tiles, a title, and a url.
Release notes Open Graph imageog-image-release-notesA dark changelog card with a version badge and a highlight list.
Research Open Graph imageog-image-research-summaryA research card with a title, authors line, and a key finding.
Resume Open Graph imageog-image-resume-cardA resume card with a name, title line, skill chips, and contact url.
Review Open Graph imageog-image-review-scoreA review card with a product title, star rating, verdict, and score chip.
Rewards Open Graph imageog-image-rewards-programA dark rewards card with a points stat, tier chips, and a title.
Roadmap Open Graph imageog-image-roadmap-updateA roadmap card with now, next, and later columns and a quarter chip.
Sale Open Graph imageog-image-sale-promoA sale card with a giant discount, event line, dates chip, and code pill.
SDK Open Graph imageog-image-sdk-releaseA dark SDK card with a code window, title, and language chips.
Security advisory Open Graph imageog-image-security-advisoryA dark advisory card with a severity chip, title, and affected versions.
Speaker Open Graph imageog-image-speaker-cardA dark speaker card with a large avatar, name and role, and talk title.
Survey results Open Graph imageog-image-survey-resultsA survey card with a title, three percent bars, and a sample size line.
Status Open Graph imageog-image-system-statusA status card with an operational headline and green service rows.
Testimonial Open Graph imageog-image-testimonialA testimonial card with a star row, quote, and an avatar attribution.
Tutorial Open Graph imageog-image-tutorialA tutorial card with a title, summary, and step, time, and level chips.
Video Open Graph imageog-image-video-episodeA dark video card with a play button, title, and duration and view chips.
Video series Open Graph imageog-image-video-seriesA video series card with three episode tiles, a title, and a count chip.
Waitlist Open Graph imageog-image-waitlistA waitlist card with a title, a waiting count stat, and a join pill.
Webinar Open Graph imageog-image-webinarA webinar card with a date tile, title, host avatars, and detail chips.
Website template Open Graph imageog-image-website-templateA template card with a browser mock, template name, and stack chips.
Digest Open Graph imageog-image-weekly-digestA digest card with a week chip, title, and three numbered highlights.
Workshop Open Graph imageog-image-workshopA workshop card with a title, seat and level chips, and a date footer.
Year in review Open Graph imageog-image-year-in-reviewA dark year in review card with a big year and three stat columns.