Sections · 16 blocks
Content
16 open-source content blocks for Pantheon Content Publisher (P1) and plain React + Tailwind. Copy the code or hand the brief to your coding agent.
- Feature GridPrograms, services or benefits as an icon grid in two, three or four columns.No dependencies
- Content + ImageEditorial text with a checklist and link beside a captioned image. The workhorse section.No dependencies
- StepsA numbered how-it-works process, horizontal or vertical, with an optional call to action.No dependencies
- TimelineHistory and milestones as an ordered timeline. Good for about pages and annual reports.No dependencies
- FAQ AccordionQuestions that expand in place on native <details>. No JavaScript, fully keyboard accessible.No dependencies
- Story CardsNews, stories or blog posts as image cards with whole-card click targets and no nested links.No dependencies
- Bento GridAn asymmetric mosaic of five to seven small, wide and tall tiles with optional photos, tones and links.No dependencies
- Zigzag FeaturesNumbered rows that alternate photo and text sides to walk readers through a program or process.No dependencies
- Comparison TableCompare two to four plans or options feature by feature in a real table with a pinned first column.No dependencies
- Article with ContentsA long-form article in titled sections with a sticky table of contents on desktop and a collapsible one on phones.No dependencies
- GlossaryTerms sorted A–Z and grouped by letter, with jump links, cross-references and definition-list markup.No dependencies
- Video EmbedPaste a YouTube or Vimeo link for a lazy-loaded, privacy-friendly player with caption and transcript link.No dependencies
- Callout BoxAn inline note, tip or important notice with a visible label, icon and optional link.No dependencies
- Image GalleryA captioned photo grid where each photo opens a full-screen view with next, previous and close links, no JavaScript.No dependencies
- Icon ListA two- or three-column checklist of benefits or inclusions marked with one chosen icon.No dependencies
- Long-form TextEditorial prose at a comfortable measure with a lead, drop cap, placed pull quote and side note.No dependencies