Components. 38 building blocks your writers can use today.
Each one works in MDX and plain Markdown, takes on your site’s design, and holds up in email. Install only the kits you need.
Article structure. Help readers follow, skim and remember.
11 components- AsideA semantic article aside with optional emphasis.
- AudienceBoundaryAn authored audience marker with a host-controlled visibility boundary.
- CalloutA highlighted note, tip, warning, or caution.
- CardGridA deterministic grid of related navigation cards.
- DisclosureNative expandable content for details and FAQs.
- FootnoteA reference mark in the text: a link to its note, numbered by order of first use.
- FootnotesThe list of notes, each with a way back to its references. Closes the article unless placed.
- KeyTakeawayA highlighted summary or list of essential points.
- PullQuoteA prominent quotation with optional attribution and citation.
- StepsAn ordered sequence of titled instructions.
- TabsKeyboard-operable switchable article panels.
Technical content. Docs and tutorials developers can copy from.
9 components- ChartAn accessible bar or line chart with optional data table.
- CodeBlockSource code rendered with Chakra CodeBlock, with adapter-driven syntax highlighting, filenames, line numbers, copying, and wrapping.
- CodeGroupA tabbed set of alternative code examples.
- ComparisonAn accessible feature and option comparison table.
- DiffA semantic unified diff with additions and deletions.
- FileCardA descriptive file link or download.
- FileTreeA compact, semantic repository or project tree.
- StatA prominent metric with context and trend.
- TerminalA terminal command and its optional output.
Media. Images, audio and video every reader can use.
6 components- AudioAn accessible audio player with an optional caption.
- CarouselA keyboard-operable image and content carousel.
- DeviceA screenshot in a plain iPhone, iPad or Mac frame drawn with CSS, with an optional caption.
- FigureA responsive image with an optional caption and attribution.
- GalleryA responsive image gallery with captions and links.
- VideoA responsive HTML video player with caption support.
Discovery. Keep readers around after the last paragraph.
6 components- AppearsOnA provenance-aware list of destinations where the post was syndicated.
- AuthorCardA semantic author biography with portrait and profile links.
- LinkPreviewA portable inline link, metadata card, native media player, or isolated rich embed.
- RelatedContentA semantic list of related articles or resources.
- SeriesNavigationPrevious and next navigation for a named article series.
- SocialPostA consistently styled social post card or consent-gated provider embed.
Engagement. Turn readers into subscribers and replies.
4 components- CallToActionA focused article callout with primary and secondary actions.
- NewsletterSignupA provider-agnostic newsletter form connected by PostkitProvider.
- PollAn interactive reader poll whose submission handler is host-owned.
- ShareActionsReader-initiated native, copy, email, and configured social sharing actions.