UI components

Interactive widgets from @publier/shell and @publier/primitives — search, AI, version switching, content utilities, and marketing pieces.

Publier ships interactive widgets across two packages:

@publier/shell — page-level and site-chrome components (search dialog, AI assistant, marketing pieces). Import these in .astro pages.
@publier/primitives — content-authoring components for MDX (copy buttons, image zoom, color swatches, view animations). Import these inside .mdx files.

Looking for MDX prose primitives (callouts, cards, code blocks, steps, icons)? See Components.

Docs & site chrome — `@publier/shell`

Search dialogPagefind-powered search modal with ⌘K — zero-config, auto-wired by docsShell().

AskAiAI chat assistant with Cmd/Ctrl+/ toggle.

OpenInAIPer-page dropdown to open in ChatGPT, Claude, Perplexity, or AI Studio.

VersionSwitcherDocs version selector using native <details>/<summary>.

StatusIndicatorInline service-status dot with semantic colors.

BlurImageLazy image with a blur-up entrance animation.

ChangelogEntrySingle changelog row with date, version, tags, type badge, and body slot.

Drop these into any .mdx file — no page-level wiring needed.

CopyButtonOne-click clipboard copy for code blocks or arbitrary text.

ColorSwatchClick-to-copy color grid for design-system pages.

ImageZoomClick-to-zoom lightbox powered by medium-zoom.

ViewAnimationIntersection-triggered reveal; respects prefers-reduced-motion.

TooltipHover or click tooltip with optional CTA.

HeroLanding-page hero with eyebrow, title, CTAs, and trailing slot.

FeatureGridResponsive grid of feature cards with icons and links.

PricingTablePricing tiers with a featured highlight.

CtaBandFull-width call-to-action band with up to two buttons.

TestimonialCardSingle testimonial card with quote and author.

PressGalleryPress/media mentions with optional quotes.

TeamGridAbout/team page grid with avatars and socials.

JobsListCareers-page list, grouped by department.