{"description":"Twenty free, theme-aware starting points for marketing, product and AI UI. Verify compatibility in your own project.","verification":{"status":"passed","report":{"checkedAt":"2026-10-16T20:07:29.625Z","fingerprint":"7154ebdf019f9931144423aba7fb91aa164e80abf8284020f1d9a5ce049a167f","passed":true,"checks":["all 20 registry installs in a fresh project","consumer Next.js production build","legacy @oc install","280 desktop/mobile previews across every design system and available mode","no browser exceptions or horizontal overflow","no continuous animation under reduced motion","keyboard: mobile navigation, FAQ, pricing switch, settings edit and prompt submission"],"scope":"Next.js 16 / React 19 / Tailwind 4 consumer fixture; system Chrome gallery checks at 390px and 1280px.","limitations":["Not an exhaustive accessibility audit or cross-browser certification.","Gallery demos and one fixture do not prove compatibility with every project's props, content or dependency versions.","No friend/independent-agent participation is claimed."],"components":["oc/navbar","oc/hero-split","oc/hero-spotlight","oc/feature-bento","oc/feature-list","oc/feature-levels","oc/pricing-simple","oc/logo-cloud","oc/stats-row","oc/testimonials-grid","oc/faq","oc/cta-banner","oc/footer-columns","oc/empty-state","oc/stat-cards","oc/data-table-card","oc/settings-form","oc/chat-thread","oc/prompt-composer","oc/agent-status"]}},"entries":[{"id":"oc/navbar","title":"Navbar","kind":"block","categories":["navigation"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["minimal","refined"],"install":"npx shadcn@latest add @design-infra/navbar","notes":"Sticky marketing navbar: brand, centred links, ghost + primary actions; collapses into a right-side sheet menu below md.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/navbar","galleries":[{"category":"navigation","url":"https://www.owencoonahan.xyz/design-infra/components?category=navigation"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/navbar","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/navbar.webp","integration":"drop-in","appliesTo":["navigation"],"use":"Marketing navigation with a mobile menu"},{"id":"oc/hero-split","title":"Hero · Split","kind":"block","categories":["hero"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["refined","trustworthy"],"install":"npx shadcn@latest add @design-infra/hero-split","notes":"Two-column hero: headline, copy, actions and proof bullets on the left; framed product media on the right (themed mock by default). `reverse` flips sides.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/hero-split","galleries":[{"category":"hero","url":"https://www.owencoonahan.xyz/design-infra/components?category=hero"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/hero-split","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/hero-split.webp","integration":"drop-in","appliesTo":["hero"],"use":"Clear headline, actions and a supporting visual"},{"id":"oc/hero-spotlight","title":"Hero · Spotlight","kind":"block","categories":["hero"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["premium","futuristic","refined"],"install":"npx shadcn@latest add @design-infra/hero-spotlight","notes":"Centered marketing hero with an original static CSS light treatment using the active theme tokens. No animation or proprietary code.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/hero-spotlight","galleries":[{"category":"hero","url":"https://www.owencoonahan.xyz/design-infra/components?category=hero"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/hero-spotlight","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/hero-spotlight.webp","integration":"drop-in","appliesTo":["hero"],"use":"Centered hero with a static light treatment"},{"id":"oc/feature-bento","title":"Features · Bento","kind":"block","categories":["features","bento"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["refined","minimal"],"install":"npx shadcn@latest add @design-infra/feature-bento","notes":"Theme-aware bento grid for feature sections. Tiles span 1, 2 or a full row; hover glow uses --primary.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/feature-bento","galleries":[{"category":"features","url":"https://www.owencoonahan.xyz/design-infra/components?category=features"},{"category":"bento","url":"https://www.owencoonahan.xyz/design-infra/components?category=bento"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/feature-bento","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/feature-bento.webp","integration":"drop-in","appliesTo":["features","bento"],"motion":{"triggers":["hover"],"intensity":"subtle","technique":["css"],"cost":"low","reducedMotion":false},"use":"Features with different visual emphasis"},{"id":"oc/feature-list","title":"Features · List","kind":"block","categories":["features"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["calm","minimal","trustworthy"],"install":"npx shadcn@latest add @design-infra/feature-list","notes":"Icon + title + text feature rows in a 2- or 3-column grid, or heading-left/list-right with columns={1}. Calmer alternative to feature-bento.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/feature-list","galleries":[{"category":"features","url":"https://www.owencoonahan.xyz/design-infra/components?category=features"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/feature-list","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/feature-list.webp","integration":"drop-in","appliesTo":["features"],"use":"Readable product features without heavy effects"},{"id":"oc/feature-levels","title":"Features · Levels (scroll-spy)","kind":"block","categories":["features","scroll-effect"],"access":"free","themeAware":true,"curated":true,"favorite":true,"moods":["organic","refined","premium"],"install":"npx shadcn@latest add @design-infra/feature-levels","notes":"♥ Free recreation of the Aceternity multi-level features block Owen loves — default pick for feature walkthroughs on landing pages.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/feature-levels","galleries":[{"category":"features","url":"https://www.owencoonahan.xyz/design-infra/components?category=features"},{"category":"scroll-effect","url":"https://www.owencoonahan.xyz/design-infra/components?category=scroll-effect"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/feature-levels","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/feature-levels.webp","integration":"drop-in","appliesTo":["features","scroll-effect"],"motion":{"triggers":["scroll"],"intensity":"subtle","technique":["js"],"cost":"low","reducedMotion":false},"use":"Progressive feature story with tiers"},{"id":"oc/pricing-simple","title":"Pricing · Simple","kind":"block","categories":["pricing"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["trustworthy","minimal"],"install":"npx shadcn@latest add @design-infra/pricing-simple","notes":"2–3 tier pricing with monthly/yearly switch and a featured tier. Pure shadcn primitives + tokens.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/pricing-simple","galleries":[{"category":"pricing","url":"https://www.owencoonahan.xyz/design-infra/components?category=pricing"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/pricing-simple","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/pricing-simple.webp","integration":"drop-in","appliesTo":["pricing"],"use":"Pricing cards with monthly/yearly selection"},{"id":"oc/logo-cloud","title":"Logo cloud","kind":"block","categories":["logo-cloud"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["trustworthy","minimal"],"install":"npx shadcn@latest add @design-infra/logo-cloud","notes":"'Trusted by' strip. Static wrapping row or infinite marquee with faded edges (pauses on hover, respects reduced motion). Text wordmarks when no SVG is given.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/logo-cloud","galleries":[{"category":"logo-cloud","url":"https://www.owencoonahan.xyz/design-infra/components?category=logo-cloud"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/logo-cloud","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/logo-cloud.webp","integration":"drop-in","appliesTo":["logo-cloud"],"motion":{"triggers":["loop","hover"],"intensity":"subtle","technique":["css"],"cost":"low","reducedMotion":true},"use":"Customer or integration logos"},{"id":"oc/stats-row","title":"Stats row","kind":"block","categories":["stats"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["trustworthy","technical"],"install":"npx shadcn@latest add @design-infra/stats-row","notes":"Big-number proof row ('99.99% uptime') with hairline dividers or cards. 2-4 stats.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/stats-row","galleries":[{"category":"stats","url":"https://www.owencoonahan.xyz/design-infra/components?category=stats"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/stats-row","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/stats-row.webp","integration":"drop-in","appliesTo":["stats"],"use":"Marketing metrics"},{"id":"oc/testimonials-grid","title":"Testimonials · Grid","kind":"block","categories":["testimonials"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["warm","trustworthy"],"install":"npx shadcn@latest add @design-infra/testimonials-grid","notes":"Masonry grid of customer quotes with avatars; one `featured` quote renders on a --primary fill in larger heading type.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/testimonials-grid","galleries":[{"category":"testimonials","url":"https://www.owencoonahan.xyz/design-infra/components?category=testimonials"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/testimonials-grid","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/testimonials-grid.webp","integration":"drop-in","appliesTo":["testimonials"],"use":"Customer quotes"},{"id":"oc/faq","title":"FAQ","kind":"block","categories":["faq","accordion"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["calm","trustworthy"],"install":"npx shadcn@latest add @design-infra/faq","notes":"FAQ section on the shadcn accordion: heading left / questions right (split) or centred single column (stacked).","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/faq","galleries":[{"category":"faq","url":"https://www.owencoonahan.xyz/design-infra/components?category=faq"},{"category":"accordion","url":"https://www.owencoonahan.xyz/design-infra/components?category=accordion"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/faq","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/faq.webp","integration":"drop-in","appliesTo":["faq","accordion"],"use":"Keyboard-operable questions and answers"},{"id":"oc/cta-banner","title":"CTA banner","kind":"block","categories":["cta"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["bold","refined"],"install":"npx shadcn@latest add @design-infra/cta-banner","notes":"Closing call-to-action panel. `primary` = full --primary fill with inverted buttons (works on acid-yellow, rust, indigo); `card` = quiet bordered card with a glow.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/cta-banner","galleries":[{"category":"cta","url":"https://www.owencoonahan.xyz/design-infra/components?category=cta"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/cta-banner","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/cta-banner.webp","integration":"drop-in","appliesTo":["cta"],"use":"A focused final action"},{"id":"oc/footer-columns","title":"Footer · Columns","kind":"block","categories":["footer","navigation"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["minimal","trustworthy"],"install":"npx shadcn@latest add @design-infra/footer-columns","notes":"Site footer: brand + blurb, 2-5 link columns, bottom bar with copyright, legal links and social icons.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/footer-columns","galleries":[{"category":"footer","url":"https://www.owencoonahan.xyz/design-infra/components?category=footer"},{"category":"navigation","url":"https://www.owencoonahan.xyz/design-infra/components?category=navigation"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/footer-columns","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/footer-columns.webp","integration":"drop-in","appliesTo":["footer","navigation"],"use":"Grouped footer links"},{"id":"oc/empty-state","title":"Empty state","kind":"block","categories":["empty-state"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["calm","warm"],"install":"npx shadcn@latest add @design-infra/empty-state","notes":"Zero-data / first-run placeholder: layered icon, title, one primary next step, optional secondary + help link. Dashed drop-zone or plain.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/empty-state","galleries":[{"category":"empty-state","url":"https://www.owencoonahan.xyz/design-infra/components?category=empty-state"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/empty-state","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/empty-state.webp","integration":"drop-in","appliesTo":["empty-state"],"use":"A useful next action when a view has no content"},{"id":"oc/stat-cards","title":"Stat cards","kind":"block","categories":["stats","dashboard","card"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["technical","trustworthy"],"install":"npx shadcn@latest add @design-infra/stat-cards","notes":"Dashboard KPI tiles: label, big value, delta chip (invertible for churn/latency) and an SVG sparkline in --chart-1.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/stat-cards","galleries":[{"category":"stats","url":"https://www.owencoonahan.xyz/design-infra/components?category=stats"},{"category":"dashboard","url":"https://www.owencoonahan.xyz/design-infra/components?category=dashboard"},{"category":"card","url":"https://www.owencoonahan.xyz/design-infra/components?category=card"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/stat-cards","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/stat-cards.webp","integration":"drop-in","appliesTo":["stats","dashboard","card"],"use":"Dashboard metric cards"},{"id":"oc/data-table-card","title":"Data table card","kind":"block","categories":["table","dashboard"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["technical","trustworthy"],"install":"npx shadcn@latest add @design-infra/data-table-card","notes":"shadcn table in a card with toolbar: search, faceted filter, actions slot, sortable columns, row selection and pagination. Badge columns are server-safe; `cell` renderers need a client page.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/data-table-card","galleries":[{"category":"table","url":"https://www.owencoonahan.xyz/design-infra/components?category=table"},{"category":"dashboard","url":"https://www.owencoonahan.xyz/design-infra/components?category=dashboard"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/data-table-card","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/data-table-card.webp","integration":"drop-in","appliesTo":["table","dashboard"],"use":"A composed data-table surface"},{"id":"oc/settings-form","title":"Settings form","kind":"block","categories":["form","input"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["trustworthy","minimal"],"install":"npx shadcn@latest add @design-infra/settings-form","notes":"Account settings page (profile, preferences, notifications, danger zone) plus the SettingsSection / SettingsRow primitives to compose your own.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/settings-form","galleries":[{"category":"form","url":"https://www.owencoonahan.xyz/design-infra/components?category=form"},{"category":"input","url":"https://www.owencoonahan.xyz/design-infra/components?category=input"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/settings-form","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/settings-form.webp","integration":"drop-in","appliesTo":["form","input"],"use":"Editable settings with save/reset states"},{"id":"oc/chat-thread","title":"Chat thread","kind":"block","categories":["ai-chat","agent-ui"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["calm","refined"],"install":"npx shadcn@latest add @design-infra/chat-thread","notes":"AI conversation view: user bubbles, assistant turns with markdown-ish text + code blocks, tool-call chips, copy/vote/regenerate actions, @oc/agent-status while pending. Auto-sticks to bottom.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/chat-thread","galleries":[{"category":"ai-chat","url":"https://www.owencoonahan.xyz/design-infra/components?category=ai-chat"},{"category":"agent-ui","url":"https://www.owencoonahan.xyz/design-infra/components?category=agent-ui"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/chat-thread","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/chat-thread.webp","integration":"drop-in","appliesTo":["ai-chat","agent-ui"],"motion":{"triggers":["state"],"intensity":"subtle","technique":["css"],"cost":"low","reducedMotion":false},"use":"Conversation content and message states"},{"id":"oc/prompt-composer","title":"Prompt composer","kind":"block","categories":["ai-chat","input"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["refined","calm"],"install":"npx shadcn@latest add @design-infra/prompt-composer","notes":"Chat input: auto-growing textarea, file attachment chips, model picker, web-search toggle, send/stop; Enter sends, Shift+Enter newline; optional suggestion chips.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/prompt-composer","galleries":[{"category":"ai-chat","url":"https://www.owencoonahan.xyz/design-infra/components?category=ai-chat"},{"category":"input","url":"https://www.owencoonahan.xyz/design-infra/components?category=input"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/prompt-composer","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/prompt-composer.webp","integration":"drop-in","appliesTo":["ai-chat","input"],"use":"A prompt input with controls"},{"id":"oc/agent-status","title":"Agent status","kind":"component","categories":["agent-ui","loader"],"access":"free","themeAware":true,"curated":true,"favorite":false,"moods":["refined","futuristic","calm"],"install":"npx shadcn@latest add @design-infra/agent-status","notes":"Inline or avatar-size agent activity indicator: libraries.dev thinking-orbs + shimmering verb + detail line.","page":"https://www.owencoonahan.xyz/design-infra/components/design-infra/agent-status","galleries":[{"category":"agent-ui","url":"https://www.owencoonahan.xyz/design-infra/components?category=agent-ui"},{"category":"loader","url":"https://www.owencoonahan.xyz/design-infra/components?category=loader"}],"live":"https://www.owencoonahan.xyz/design-infra/components/design-infra/agent-status","preview":"https://www.owencoonahan.xyz/design-infra/thumbnails/oc/agent-status.webp","integration":"drop-in","appliesTo":["agent-ui","loader"],"motion":{"triggers":["loop","state"],"intensity":"subtle","technique":["canvas","css"],"cost":"medium","reducedMotion":true},"use":"Agent progress and status"}]}