# P1 Blocks > Open-source, copy-paste components styled with Tailwind v4, in two editions: Puck components for Pantheon Content Publisher (P1) Next.js sites, and plain React components for any React project. Each block is one self-contained .tsx file with no dependencies and no client JavaScript. ## Which edition - P1 / Puck project (has puck.config.tsx): use /r/.md. The block is a typed Puck ComponentConfig with editor fields and defaults. - Any other React + Tailwind v4 project (Next.js, Vite, Remix, Astro with React): use /r/.react.md. The block is `export function (props)` with every prop optional, plus `Example` sample content. Usage: ``. To add a block to a P1 project, fetch its .md brief and follow it. Briefly: 1. Save the source as components/puck/-block.tsx. 2. Import it in puck.config.tsx and register it under `components` with the listed Puck key. 3. Add the key to a `categories` entry so editors can find it. 4. Run the type check, then the project's registry sync (`pnpm sync:registry`) if it has one. Accent color is Tailwind `indigo-*` throughout; rebrand with a find-and-replace. Images are plain URL + alt text fields. Most blocks are one file with no dependencies and no client JavaScript. Two tiers differ: - Dashboards: widget cards meant to sit inside the Dashboard Grid block. Every data value is a text field so it can be bound to a P1 data source with {{ source.field }} tokens. - GPU effects: two files (a server-safe config plus a "use client" WebGPU island) and the `vgpu` package. Content stays server-rendered with a CSS fallback. ## Heroes - [Hero — Split](https://p1-blocks.prolificdigital.io/r/hero-split.md): Headline, supporting copy and two calls to action beside a large photo. Image side is switchable. Puck key `HeroSplitBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-split.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-split.react.md - [Hero — Centered](https://p1-blocks.prolificdigital.io/r/hero-centered.md): Centered statement hero with an announcement pill, two calls to action and an optional patterned backdrop. Puck key `HeroCenteredBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-centered.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-centered.react.md - [Image Overlay Hero](https://p1-blocks.prolificdigital.io/r/hero-image-overlay.md): Full-bleed photo with an adjustable gradient scrim, headline and buttons anchored bottom-left, and an optional photo credit. Puck key `HeroImageOverlayBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-image-overlay.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-image-overlay.react.md - [Search Hero](https://p1-blocks.prolificdigital.io/r/hero-search.md): Portal front door with one large GET search box and popular-search links, built for city and campus sites. Puck key `HeroSearchBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-search.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-search.react.md - [Stats Hero](https://p1-blocks.prolificdigital.io/r/hero-stats.md): Headline and calls to action over a wide photo, with three or four sourced key figures docked on its bottom edge. Puck key `HeroStatsBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-stats.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-stats.react.md - [Collage Hero](https://p1-blocks.prolificdigital.io/r/hero-collage.md): Copy beside an asymmetric, overlapping three-photo mosaic with an optional round stamp badge. Puck key `HeroCollageBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-collage.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-collage.react.md - [Form Hero](https://p1-blocks.prolificdigital.io/r/hero-form.md): Headline and checklist beside a real sign-up form with name, email and interest dropdown that posts to your handler. Puck key `HeroFormBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-form.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-form.react.md - [Typographic Hero](https://p1-blocks.prolificdigital.io/r/hero-typographic.md): Image-free oversized statement with one asterisk-marked phrase in the accent color and a ruled row of facts. Puck key `HeroTypographicBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-typographic.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-typographic.react.md - [Event Hero](https://p1-blocks.prolificdigital.io/r/hero-event.md): One event up front: calendar-page date stamp over a photo, time, location, cost, register and add-to-calendar links. Puck key `HeroEventBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-event.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-event.react.md - [Donate Hero](https://p1-blocks.prolificdigital.io/r/hero-donate.md): Mission line beside a no-JS donation form with preset amount cards, an other-amount field and one-time or monthly choice. Puck key `HeroDonateBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-donate.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-donate.react.md - [Quick Links Hero](https://p1-blocks.prolificdigital.io/r/hero-quick-links.md): Photo hero with three or four task cards straddling its bottom edge, so top destinations are one tap away. Puck key `HeroQuickLinksBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-quick-links.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-quick-links.react.md - [Angled Hero](https://p1-blocks.prolificdigital.io/r/hero-angled.md): Copy beside an edge-to-edge photo cut on a diagonal with an accent band tracing the cut; image side flips. Puck key `HeroAngledBlock`. Source: https://p1-blocks.prolificdigital.io/r/hero-angled.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-angled.react.md ## Content - [Feature Grid](https://p1-blocks.prolificdigital.io/r/feature-grid.md): Programs, services or benefits as an icon grid in two, three or four columns. Puck key `FeatureGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/feature-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/feature-grid.react.md - [Content + Image](https://p1-blocks.prolificdigital.io/r/content-split.md): Editorial text with a checklist and link beside a captioned image. The workhorse section. Puck key `ContentSplitBlock`. Source: https://p1-blocks.prolificdigital.io/r/content-split.tsx. React edition: https://p1-blocks.prolificdigital.io/r/content-split.react.md - [Steps](https://p1-blocks.prolificdigital.io/r/steps.md): A numbered how-it-works process, horizontal or vertical, with an optional call to action. Puck key `StepsBlock`. Source: https://p1-blocks.prolificdigital.io/r/steps.tsx. React edition: https://p1-blocks.prolificdigital.io/r/steps.react.md - [Timeline](https://p1-blocks.prolificdigital.io/r/timeline.md): History and milestones as an ordered timeline. Good for about pages and annual reports. Puck key `TimelineBlock`. Source: https://p1-blocks.prolificdigital.io/r/timeline.tsx. React edition: https://p1-blocks.prolificdigital.io/r/timeline.react.md - [FAQ Accordion](https://p1-blocks.prolificdigital.io/r/faq-accordion.md): Questions that expand in place on native
. No JavaScript, fully keyboard accessible. Puck key `FaqAccordionBlock`. Source: https://p1-blocks.prolificdigital.io/r/faq-accordion.tsx. React edition: https://p1-blocks.prolificdigital.io/r/faq-accordion.react.md - [Story Cards](https://p1-blocks.prolificdigital.io/r/card-grid.md): News, stories or blog posts as image cards with whole-card click targets and no nested links. Puck key `CardGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/card-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/card-grid.react.md - [Bento Grid](https://p1-blocks.prolificdigital.io/r/bento-grid.md): An asymmetric mosaic of five to seven small, wide and tall tiles with optional photos, tones and links. Puck key `BentoGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/bento-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/bento-grid.react.md - [Zigzag Features](https://p1-blocks.prolificdigital.io/r/zigzag-features.md): Numbered rows that alternate photo and text sides to walk readers through a program or process. Puck key `ZigzagFeaturesBlock`. Source: https://p1-blocks.prolificdigital.io/r/zigzag-features.tsx. React edition: https://p1-blocks.prolificdigital.io/r/zigzag-features.react.md - [Comparison Table](https://p1-blocks.prolificdigital.io/r/comparison-table.md): Compare two to four plans or options feature by feature in a real table with a pinned first column. Puck key `ComparisonTableBlock`. Source: https://p1-blocks.prolificdigital.io/r/comparison-table.tsx. React edition: https://p1-blocks.prolificdigital.io/r/comparison-table.react.md - [Article with Contents](https://p1-blocks.prolificdigital.io/r/article-toc.md): A long-form article in titled sections with a sticky table of contents on desktop and a collapsible one on phones. Puck key `ArticleTocBlock`. Source: https://p1-blocks.prolificdigital.io/r/article-toc.tsx. React edition: https://p1-blocks.prolificdigital.io/r/article-toc.react.md - [Glossary](https://p1-blocks.prolificdigital.io/r/glossary.md): Terms sorted A–Z and grouped by letter, with jump links, cross-references and definition-list markup. Puck key `GlossaryBlock`. Source: https://p1-blocks.prolificdigital.io/r/glossary.tsx. React edition: https://p1-blocks.prolificdigital.io/r/glossary.react.md - [Video Embed](https://p1-blocks.prolificdigital.io/r/video-embed.md): Paste a YouTube or Vimeo link for a lazy-loaded, privacy-friendly player with caption and transcript link. Puck key `VideoEmbedBlock`. Source: https://p1-blocks.prolificdigital.io/r/video-embed.tsx. React edition: https://p1-blocks.prolificdigital.io/r/video-embed.react.md - [Callout Box](https://p1-blocks.prolificdigital.io/r/callout-box.md): An inline note, tip or important notice with a visible label, icon and optional link. Puck key `CalloutBoxBlock`. Source: https://p1-blocks.prolificdigital.io/r/callout-box.tsx. React edition: https://p1-blocks.prolificdigital.io/r/callout-box.react.md - [Image Gallery](https://p1-blocks.prolificdigital.io/r/image-gallery.md): A captioned photo grid where each photo opens a full-screen view with next, previous and close links, no JavaScript. Puck key `ImageGalleryBlock`. Source: https://p1-blocks.prolificdigital.io/r/image-gallery.tsx. React edition: https://p1-blocks.prolificdigital.io/r/image-gallery.react.md - [Icon List](https://p1-blocks.prolificdigital.io/r/icon-list.md): A two- or three-column checklist of benefits or inclusions marked with one chosen icon. Puck key `IconListBlock`. Source: https://p1-blocks.prolificdigital.io/r/icon-list.tsx. React edition: https://p1-blocks.prolificdigital.io/r/icon-list.react.md - [Long-form Text](https://p1-blocks.prolificdigital.io/r/long-form-text.md): Editorial prose at a comfortable measure with a lead, drop cap, placed pull quote and side note. Puck key `LongFormTextBlock`. Source: https://p1-blocks.prolificdigital.io/r/long-form-text.tsx. React edition: https://p1-blocks.prolificdigital.io/r/long-form-text.react.md ## Social proof - [Testimonial Spotlight](https://p1-blocks.prolificdigital.io/r/testimonial-spotlight.md): One big, well-set pull quote with attribution, centered or beside a portrait. Puck key `TestimonialSpotlightBlock`. Source: https://p1-blocks.prolificdigital.io/r/testimonial-spotlight.tsx. React edition: https://p1-blocks.prolificdigital.io/r/testimonial-spotlight.react.md - [Partner Logos](https://p1-blocks.prolificdigital.io/r/logo-cloud.md): Funders, partners or sponsors. Falls back to clean wordmarks when there's no logo file yet. Puck key `LogoCloudBlock`. Source: https://p1-blocks.prolificdigital.io/r/logo-cloud.tsx. React edition: https://p1-blocks.prolificdigital.io/r/logo-cloud.react.md - [Impact Stats](https://p1-blocks.prolificdigital.io/r/stats-band.md): Headline numbers in a light or dark band, marked up as a description list. Puck key `StatsBandBlock`. Source: https://p1-blocks.prolificdigital.io/r/stats-band.tsx. React edition: https://p1-blocks.prolificdigital.io/r/stats-band.react.md - [Team Grid](https://p1-blocks.prolificdigital.io/r/team-grid.md): Staff, board or volunteers with photos (or initials), roles and short bios. Puck key `TeamGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/team-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/team-grid.react.md - [Testimonial Grid](https://p1-blocks.prolificdigital.io/r/testimonial-grid.md): Masonry wall of short quotes with names, roles and photos, falling back to initials when there's no photo. Puck key `TestimonialGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/testimonial-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/testimonial-grid.react.md - [Rating Summary](https://p1-blocks.prolificdigital.io/r/rating-summary.md): Overall star rating with a text equivalent, per-star distribution bars, review count, source and highlighted reviews. Puck key `RatingSummaryBlock`. Source: https://p1-blocks.prolificdigital.io/r/rating-summary.tsx. React edition: https://p1-blocks.prolificdigital.io/r/rating-summary.react.md - [Case Study Cards](https://p1-blocks.prolificdigital.io/r/case-study-cards.md): Clickable partner cards pairing the challenge they brought with one headline result metric. Puck key `CaseStudyCardsBlock`. Source: https://p1-blocks.prolificdigital.io/r/case-study-cards.tsx. React edition: https://p1-blocks.prolificdigital.io/r/case-study-cards.react.md - [Press Quotes](https://p1-blocks.prolificdigital.io/r/press-quotes.md): In-the-news pull quotes with typeset outlet wordmarks, dates and links to the original stories. Puck key `PressQuotesBlock`. Source: https://p1-blocks.prolificdigital.io/r/press-quotes.tsx. React edition: https://p1-blocks.prolificdigital.io/r/press-quotes.react.md - [Awards Row](https://p1-blocks.prolificdigital.io/r/awards-row.md): Awards and accreditations drawn as CSS seals with year, full title, issuer and an optional verification link. Puck key `AwardsRowBlock`. Source: https://p1-blocks.prolificdigital.io/r/awards-row.tsx. React edition: https://p1-blocks.prolificdigital.io/r/awards-row.react.md - [Donor Wall](https://p1-blocks.prolificdigital.io/r/donor-wall.md): Donor names grouped by giving tier in flowing columns, with gift ranges and an anonymous donor count. Puck key `DonorWallBlock`. Source: https://p1-blocks.prolificdigital.io/r/donor-wall.tsx. React edition: https://p1-blocks.prolificdigital.io/r/donor-wall.react.md - [Partner Spotlight](https://p1-blocks.prolificdigital.io/r/partner-spotlight.md): One featured partner with a wordmark, story, sourced outcome stats and a quote card over a photo. Puck key `PartnerSpotlightBlock`. Source: https://p1-blocks.prolificdigital.io/r/partner-spotlight.tsx. React edition: https://p1-blocks.prolificdigital.io/r/partner-spotlight.react.md - [Video Testimonials](https://p1-blocks.prolificdigital.io/r/video-testimonials.md): Poster cards with play button and runtime badge that open each testimonial video in a new tab. Puck key `VideoTestimonialsBlock`. Source: https://p1-blocks.prolificdigital.io/r/video-testimonials.tsx. React edition: https://p1-blocks.prolificdigital.io/r/video-testimonials.react.md - [Community Voices](https://p1-blocks.prolificdigital.io/r/community-voices.md): Photo mosaic of neighbors with short quotes overlaid, alternating large and small tiles. Puck key `CommunityVoicesBlock`. Source: https://p1-blocks.prolificdigital.io/r/community-voices.tsx. React edition: https://p1-blocks.prolificdigital.io/r/community-voices.react.md - [Stats Quote](https://p1-blocks.prolificdigital.io/r/stats-quote.md): Split section pairing one oversized, sourced statistic with a pull quote that supports it. Puck key `StatsQuoteBlock`. Source: https://p1-blocks.prolificdigital.io/r/stats-quote.tsx. React edition: https://p1-blocks.prolificdigital.io/r/stats-quote.react.md ## Conversion - [CTA Banner](https://p1-blocks.prolificdigital.io/r/cta-banner.md): A focused call-to-action panel in three styles, left-aligned or centered. Puck key `CtaBannerBlock`. Source: https://p1-blocks.prolificdigital.io/r/cta-banner.tsx. React edition: https://p1-blocks.prolificdigital.io/r/cta-banner.react.md - [Newsletter Signup](https://p1-blocks.prolificdigital.io/r/newsletter-signup.md): An email signup that posts to any form endpoint, with a real labelled input and no JavaScript. Puck key `NewsletterSignupBlock`. Source: https://p1-blocks.prolificdigital.io/r/newsletter-signup.tsx. React edition: https://p1-blocks.prolificdigital.io/r/newsletter-signup.react.md - [Membership Tiers](https://p1-blocks.prolificdigital.io/r/membership-tiers.md): Pricing, membership or giving levels with a featured tier and feature checklists. Puck key `MembershipTiersBlock`. Source: https://p1-blocks.prolificdigital.io/r/membership-tiers.tsx. React edition: https://p1-blocks.prolificdigital.io/r/membership-tiers.react.md - [Fundraising Progress](https://p1-blocks.prolificdigital.io/r/impact-progress.md): A campaign goal with an accessible progress bar and quick-give amounts. Puck key `ImpactProgressBlock`. Source: https://p1-blocks.prolificdigital.io/r/impact-progress.tsx. React edition: https://p1-blocks.prolificdigital.io/r/impact-progress.react.md - [Contact Form](https://p1-blocks.prolificdigital.io/r/contact-form.md): Plain HTML contact form with name, email, optional phone, topic menu and message beside a contact details sidebar. Puck key `ContactFormBlock`. Source: https://p1-blocks.prolificdigital.io/r/contact-form.tsx. React edition: https://p1-blocks.prolificdigital.io/r/contact-form.react.md - [Pricing Toggle](https://p1-blocks.prolificdigital.io/r/pricing-toggle.md): Plan or membership tiers with a monthly/annual switch built from radios and CSS :has(), plus a visible savings note. Puck key `PricingToggleBlock`. Source: https://p1-blocks.prolificdigital.io/r/pricing-toggle.tsx. React edition: https://p1-blocks.prolificdigital.io/r/pricing-toggle.react.md - [Donation Form](https://p1-blocks.prolificdigital.io/r/donation-form.md): Amount radio cards, other amount, one-time or monthly, and a CSS-revealed tribute field that posts to your checkout. Puck key `DonationFormBlock`. Source: https://p1-blocks.prolificdigital.io/r/donation-form.tsx. React edition: https://p1-blocks.prolificdigital.io/r/donation-form.react.md - [Event Registration](https://p1-blocks.prolificdigital.io/r/event-registration.md): Event summary card beside an RSVP form with party size, dietary needs and accessibility requests. Puck key `EventRegistrationBlock`. Source: https://p1-blocks.prolificdigital.io/r/event-registration.tsx. React edition: https://p1-blocks.prolificdigital.io/r/event-registration.react.md - [Lead Magnet](https://p1-blocks.prolificdigital.io/r/lead-magnet.md): Free guide offer with a book-style cover, a what's-inside list and an email form for the download. Puck key `LeadMagnetBlock`. Source: https://p1-blocks.prolificdigital.io/r/lead-magnet.tsx. React edition: https://p1-blocks.prolificdigital.io/r/lead-magnet.react.md - [CTA Split Image](https://p1-blocks.prolificdigital.io/r/cta-split-image.md): Full-bleed call to action with copy and two buttons beside a photo that runs the full section height. Puck key `CtaSplitImageBlock`. Source: https://p1-blocks.prolificdigital.io/r/cta-split-image.tsx. React edition: https://p1-blocks.prolificdigital.io/r/cta-split-image.react.md - [Sticky CTA Bar](https://p1-blocks.prolificdigital.io/r/sticky-cta-bar.md): Slim message-and-button bar that sticks to the bottom of the screen with CSS, for time-limited campaigns. Puck key `StickyCtaBarBlock`. Source: https://p1-blocks.prolificdigital.io/r/sticky-cta-bar.tsx. React edition: https://p1-blocks.prolificdigital.io/r/sticky-cta-bar.react.md - [Share Links](https://p1-blocks.prolificdigital.io/r/share-links.md): Spread-the-word panel with labelled Facebook, LinkedIn, Bluesky and email share links built as plain URLs. Puck key `ShareLinksBlock`. Source: https://p1-blocks.prolificdigital.io/r/share-links.tsx. React edition: https://p1-blocks.prolificdigital.io/r/share-links.react.md - [Choose Path](https://p1-blocks.prolificdigital.io/r/choose-path.md): Two or three large clickable cards for ways to help, such as give, volunteer and advocate, each with one action. Puck key `ChoosePathBlock`. Source: https://p1-blocks.prolificdigital.io/r/choose-path.tsx. React edition: https://p1-blocks.prolificdigital.io/r/choose-path.react.md - [Help CTA](https://p1-blocks.prolificdigital.io/r/help-cta.md): Still-need-help panel listing ways to reach a person by phone, email, chat or visit, with hours and response times. Puck key `HelpCtaBlock`. Source: https://p1-blocks.prolificdigital.io/r/help-cta.tsx. React edition: https://p1-blocks.prolificdigital.io/r/help-cta.react.md ## Civic & utility - [Announcement Bar](https://p1-blocks.prolificdigital.io/r/announcement-bar.md): A slim full-width notice in four tones, with text labels so meaning never relies on color alone. Puck key `AnnouncementBarBlock`. Source: https://p1-blocks.prolificdigital.io/r/announcement-bar.tsx. React edition: https://p1-blocks.prolificdigital.io/r/announcement-bar.react.md - [Event List](https://p1-blocks.prolificdigital.io/r/event-list.md): Upcoming events with date tiles, times, locations and categories. Puck key `EventListBlock`. Source: https://p1-blocks.prolificdigital.io/r/event-list.tsx. React edition: https://p1-blocks.prolificdigital.io/r/event-list.react.md - [Contact & Hours](https://p1-blocks.prolificdigital.io/r/contact-info.md): Address, phone, email, opening hours and directions, with tel: and mailto: links built for you. Puck key `ContactInfoBlock`. Source: https://p1-blocks.prolificdigital.io/r/contact-info.tsx. React edition: https://p1-blocks.prolificdigital.io/r/contact-info.react.md - [Resource Downloads](https://p1-blocks.prolificdigital.io/r/resource-downloads.md): Agendas, reports and forms with file type and size spoken to screen reader users. Puck key `ResourceDownloadsBlock`. Source: https://p1-blocks.prolificdigital.io/r/resource-downloads.tsx. React edition: https://p1-blocks.prolificdigital.io/r/resource-downloads.react.md - [Site Header](https://p1-blocks.prolificdigital.io/r/site-header.md): Logo, main menu with dropdowns, a button and a skip link. Menus use native disclosure, so they work without JavaScript. Puck key `SiteHeaderBlock`. Source: https://p1-blocks.prolificdigital.io/r/site-header.tsx. React edition: https://p1-blocks.prolificdigital.io/r/site-header.react.md - [Mega Footer](https://p1-blocks.prolificdigital.io/r/footer-mega.md): Site footer with link columns, address and contact, social links, a newsletter form and a legal row. Puck key `FooterMegaBlock`. Source: https://p1-blocks.prolificdigital.io/r/footer-mega.tsx. React edition: https://p1-blocks.prolificdigital.io/r/footer-mega.react.md - [Breadcrumbs](https://p1-blocks.prolificdigital.io/r/breadcrumbs.md): The trail from the home page to the current page, with the last step announced as the current page. Puck key `BreadcrumbsBlock`. Source: https://p1-blocks.prolificdigital.io/r/breadcrumbs.tsx. React edition: https://p1-blocks.prolificdigital.io/r/breadcrumbs.react.md - [Pagination](https://p1-blocks.prolificdigital.io/r/pagination.md): Previous, next and numbered page links with ellipses, built from the current page, page count and a URL pattern. Puck key `PaginationBlock`. Source: https://p1-blocks.prolificdigital.io/r/pagination.tsx. React edition: https://p1-blocks.prolificdigital.io/r/pagination.react.md - [Search Results](https://p1-blocks.prolificdigital.io/r/search-results.md): Search box, result count and results with type badges and highlighted matches, plus a helpful no-results state. Puck key `SearchResultsBlock`. Source: https://p1-blocks.prolificdigital.io/r/search-results.tsx. React edition: https://p1-blocks.prolificdigital.io/r/search-results.react.md - [Office Locations](https://p1-blocks.prolificdigital.io/r/office-locations.md): A card for each office with address, phone, email, hours, directions and accessibility notes. Puck key `OfficeLocationsBlock`. Source: https://p1-blocks.prolificdigital.io/r/office-locations.tsx. React edition: https://p1-blocks.prolificdigital.io/r/office-locations.react.md - [Language Links](https://p1-blocks.prolificdigital.io/r/language-links.md): Links to translated versions of a page, each named in its own language with correct lang and hreflang. Puck key `LanguageLinksBlock`. Source: https://p1-blocks.prolificdigital.io/r/language-links.tsx. React edition: https://p1-blocks.prolificdigital.io/r/language-links.react.md - [Error 404](https://p1-blocks.prolificdigital.io/r/error-404.md): A friendly page-not-found message with a search box and popular links, so a dead end becomes a next step. Puck key `Error404Block`. Source: https://p1-blocks.prolificdigital.io/r/error-404.tsx. React edition: https://p1-blocks.prolificdigital.io/r/error-404.react.md - [Accessibility Statement](https://p1-blocks.prolificdigital.io/r/accessibility-statement.md): Your commitment, WCAG conformance status, known issues with workarounds, and how to report a barrier. Puck key `AccessibilityStatementBlock`. Source: https://p1-blocks.prolificdigital.io/r/accessibility-statement.tsx. React edition: https://p1-blocks.prolificdigital.io/r/accessibility-statement.react.md - [Sitemap Links](https://p1-blocks.prolificdigital.io/r/sitemap-links.md): An HTML site map listing every section of the site and its pages in columns. Puck key `SitemapLinksBlock`. Source: https://p1-blocks.prolificdigital.io/r/sitemap-links.tsx. React edition: https://p1-blocks.prolificdigital.io/r/sitemap-links.react.md ## Higher ed - [Program Finder](https://p1-blocks.prolificdigital.io/r/program-finder.md): Degree and certificate cards showing credential, school, format and length, each card a single link. Puck key `ProgramFinderBlock`. Source: https://p1-blocks.prolificdigital.io/r/program-finder.tsx. React edition: https://p1-blocks.prolificdigital.io/r/program-finder.react.md - [Admissions Deadlines](https://p1-blocks.prolificdigital.io/r/admissions-deadlines.md): Application rounds with deadline, decision release and a labeled open, closing soon or closed status. Puck key `AdmissionsDeadlinesBlock`. Source: https://p1-blocks.prolificdigital.io/r/admissions-deadlines.tsx. React edition: https://p1-blocks.prolificdigital.io/r/admissions-deadlines.react.md - [Tuition Breakdown](https://p1-blocks.prolificdigital.io/r/tuition-breakdown.md): Cost-of-attendance table comparing two rates, with computed totals and a net price calculator link. Puck key `TuitionBreakdownBlock`. Source: https://p1-blocks.prolificdigital.io/r/tuition-breakdown.tsx. React edition: https://p1-blocks.prolificdigital.io/r/tuition-breakdown.react.md - [Rankings & Accolades](https://p1-blocks.prolificdigital.io/r/rankings-accolades.md): Oversized ranking and outcome figures, each with what it measures and a visible source line. Puck key `RankingsAccoladesBlock`. Source: https://p1-blocks.prolificdigital.io/r/rankings-accolades.tsx. React edition: https://p1-blocks.prolificdigital.io/r/rankings-accolades.react.md - [Faculty Spotlight](https://p1-blocks.prolificdigital.io/r/faculty-spotlight.md): A featured professor with portrait, pull quote, bio, research-area tags and selected publications. Puck key `FacultySpotlightBlock`. Source: https://p1-blocks.prolificdigital.io/r/faculty-spotlight.tsx. React edition: https://p1-blocks.prolificdigital.io/r/faculty-spotlight.react.md - [Academic Calendar](https://p1-blocks.prolificdigital.io/r/academic-calendar.md): Key dates for each term in side-by-side columns, entered one per line, with a full-calendar PDF link. Puck key `AcademicCalendarBlock`. Source: https://p1-blocks.prolificdigital.io/r/academic-calendar.tsx. React edition: https://p1-blocks.prolificdigital.io/r/academic-calendar.react.md - [Visit Campus](https://p1-blocks.prolificdigital.io/r/visit-campus.md): Photo cards for each tour or visit option with length, schedule and booking, plus admissions contact. Puck key `VisitCampusBlock`. Source: https://p1-blocks.prolificdigital.io/r/visit-campus.tsx. React edition: https://p1-blocks.prolificdigital.io/r/visit-campus.react.md - [Student Outcomes](https://p1-blocks.prolificdigital.io/r/student-outcomes.md): Career outcome figures, top employers and top graduate schools, with a source line for every number. Puck key `StudentOutcomesBlock`. Source: https://p1-blocks.prolificdigital.io/r/student-outcomes.tsx. React edition: https://p1-blocks.prolificdigital.io/r/student-outcomes.react.md - [Department Directory](https://p1-blocks.prolificdigital.io/r/department-directory.md): Offices sorted A to Z and grouped by letter with a jump index, showing location, phone, email and hours. Puck key `DepartmentDirectoryBlock`. Source: https://p1-blocks.prolificdigital.io/r/department-directory.tsx. React edition: https://p1-blocks.prolificdigital.io/r/department-directory.react.md - [Application Checklist](https://p1-blocks.prolificdigital.io/r/application-checklist.md): Requirements for each applicant type in panels where only one opens at a time, with an apply button. Puck key `ApplicationChecklistBlock`. Source: https://p1-blocks.prolificdigital.io/r/application-checklist.tsx. React edition: https://p1-blocks.prolificdigital.io/r/application-checklist.react.md - [Course Catalog](https://p1-blocks.prolificdigital.io/r/course-catalog.md): Course listings with code, credits, terms offered and prerequisites, with each full description in an expandable panel. Puck key `CourseCatalogBlock`. Source: https://p1-blocks.prolificdigital.io/r/course-catalog.tsx. React edition: https://p1-blocks.prolificdigital.io/r/course-catalog.react.md - [Scholarship List](https://p1-blocks.prolificdigital.io/r/scholarship-list.md): Scholarships sorted by deadline, each with amount, eligibility, a renewable badge and an apply link. Puck key `ScholarshipListBlock`. Source: https://p1-blocks.prolificdigital.io/r/scholarship-list.tsx. React edition: https://p1-blocks.prolificdigital.io/r/scholarship-list.react.md - [Research Centers](https://p1-blocks.prolificdigital.io/r/research-centers.md): Cards for research centers and labs with a photo, director, focus-area tags and a link. Puck key `ResearchCentersBlock`. Source: https://p1-blocks.prolificdigital.io/r/research-centers.tsx. React edition: https://p1-blocks.prolificdigital.io/r/research-centers.react.md - [Student Life](https://p1-blocks.prolificdigital.io/r/student-life.md): Student organizations grouped by category with counts and examples, beside a big explore-all call to action. Puck key `StudentLifeBlock`. Source: https://p1-blocks.prolificdigital.io/r/student-life.tsx. React edition: https://p1-blocks.prolificdigital.io/r/student-life.react.md - [Commencement Info](https://p1-blocks.prolificdigital.io/r/commencement-info.md): Commencement ceremony schedule table with venue, ticket and livestream links, and an accessible seating note. Puck key `CommencementInfoBlock`. Source: https://p1-blocks.prolificdigital.io/r/commencement-info.tsx. React edition: https://p1-blocks.prolificdigital.io/r/commencement-info.react.md - [Alumni Spotlight](https://p1-blocks.prolificdigital.io/r/alumni-spotlight.md): A featured graduate with photo, class year, current role, story and quote, plus sourced alumni figures. Puck key `AlumniSpotlightBlock`. Source: https://p1-blocks.prolificdigital.io/r/alumni-spotlight.tsx. React edition: https://p1-blocks.prolificdigital.io/r/alumni-spotlight.react.md - [Campus Buildings](https://p1-blocks.prolificdigital.io/r/campus-buildings.md): An A–Z building directory with codes, departments housed, accessibility features and map links. Puck key `CampusBuildingsBlock`. Source: https://p1-blocks.prolificdigital.io/r/campus-buildings.tsx. React edition: https://p1-blocks.prolificdigital.io/r/campus-buildings.react.md - [Library Hours](https://p1-blocks.prolificdigital.io/r/library-hours.md): Opening hours for several library locations in one table, with a today note, holiday changes and contact links. Puck key `LibraryHoursBlock`. Source: https://p1-blocks.prolificdigital.io/r/library-hours.tsx. React edition: https://p1-blocks.prolificdigital.io/r/library-hours.react.md - [Financial Aid Steps](https://p1-blocks.prolificdigital.io/r/financial-aid-steps.md): Numbered FAFSA and financial aid steps with deadlines and links, beside a Federal School Code callout. Puck key `FinancialAidStepsBlock`. Source: https://p1-blocks.prolificdigital.io/r/financial-aid-steps.tsx. React edition: https://p1-blocks.prolificdigital.io/r/financial-aid-steps.react.md - [Athletics Schedule](https://p1-blocks.prolificdigital.io/r/athletics-schedule.md): A sport's season schedule table with home or away, location, results or start times, and ticket and stream links. Puck key `AthleticsScheduleBlock`. Source: https://p1-blocks.prolificdigital.io/r/athletics-schedule.tsx. React edition: https://p1-blocks.prolificdigital.io/r/athletics-schedule.react.md ## Nonprofit - [Gift Impact](https://p1-blocks.prolificdigital.io/r/gift-impact.md): Donation amount cards that show what each gift buys, with one highlighted amount, linking to your form. Puck key `GiftImpactBlock`. Source: https://p1-blocks.prolificdigital.io/r/gift-impact.tsx. React edition: https://p1-blocks.prolificdigital.io/r/gift-impact.react.md - [Mission & Pillars](https://p1-blocks.prolificdigital.io/r/mission-pillars.md): A large mission statement with an optional vision line and auto-numbered values or program pillars. Puck key `MissionPillarsBlock`. Source: https://p1-blocks.prolificdigital.io/r/mission-pillars.tsx. React edition: https://p1-blocks.prolificdigital.io/r/mission-pillars.react.md - [Volunteer Roles](https://p1-blocks.prolificdigital.io/r/volunteer-roles.md): Volunteer opportunities with time commitment, location, skill tags, spots left and an apply link. Puck key `VolunteerRolesBlock`. Source: https://p1-blocks.prolificdigital.io/r/volunteer-roles.tsx. React edition: https://p1-blocks.prolificdigital.io/r/volunteer-roles.react.md - [Financial Transparency](https://p1-blocks.prolificdigital.io/r/financial-transparency.md): An accessible stacked bar of how funds are spent, plus links to the Form 990, audit and annual report. Puck key `FinancialTransparencyBlock`. Source: https://p1-blocks.prolificdigital.io/r/financial-transparency.tsx. React edition: https://p1-blocks.prolificdigital.io/r/financial-transparency.react.md - [Ways to Give](https://p1-blocks.prolificdigital.io/r/ways-to-give.md): Giving methods from monthly gifts to stock, DAFs and planned giving, with a gifts officer contact panel. Puck key `WaysToGiveBlock`. Source: https://p1-blocks.prolificdigital.io/r/ways-to-give.tsx. React edition: https://p1-blocks.prolificdigital.io/r/ways-to-give.react.md - [Impact Story](https://p1-blocks.prolificdigital.io/r/impact-story.md): A magazine-style story about one person you served, with large photo, drop cap, margin stat and pull quote. Puck key `ImpactStoryBlock`. Source: https://p1-blocks.prolificdigital.io/r/impact-story.tsx. React edition: https://p1-blocks.prolificdigital.io/r/impact-story.react.md - [Needs Wishlist](https://p1-blocks.prolificdigital.io/r/needs-wishlist.md): In-kind needs sorted urgent first with labeled status, drop-off address and hours, and a wishlist link. Puck key `NeedsWishlistBlock`. Source: https://p1-blocks.prolificdigital.io/r/needs-wishlist.tsx. React edition: https://p1-blocks.prolificdigital.io/r/needs-wishlist.react.md - [Theory of Change](https://p1-blocks.prolificdigital.io/r/theory-of-change.md): Stages from inputs to impact as an ordered flow: left to right with arrows on desktop, stacked on phones. Puck key `TheoryOfChangeBlock`. Source: https://p1-blocks.prolificdigital.io/r/theory-of-change.tsx. React edition: https://p1-blocks.prolificdigital.io/r/theory-of-change.react.md - [Get Help](https://p1-blocks.prolificdigital.io/r/get-help.md): Plain-language service cards (who it's for, what to bring, how to get it) with a tap-to-call help line. Puck key `GetHelpBlock`. Source: https://p1-blocks.prolificdigital.io/r/get-help.tsx. React edition: https://p1-blocks.prolificdigital.io/r/get-help.react.md - [Featured Event](https://p1-blocks.prolificdigital.io/r/featured-event.md): A ticket-stub card for one signature event with date, venue, ticket or waitlist button and sponsor row. Puck key `FeaturedEventBlock`. Source: https://p1-blocks.prolificdigital.io/r/featured-event.tsx. React edition: https://p1-blocks.prolificdigital.io/r/featured-event.react.md - [Annual Report Highlights](https://p1-blocks.prolificdigital.io/r/annual-report-highlights.md): Year-in-review section with an oversized year, headline figures, three highlight stories and a full-report download. Puck key `AnnualReportHighlightsBlock`. Source: https://p1-blocks.prolificdigital.io/r/annual-report-highlights.tsx. React edition: https://p1-blocks.prolificdigital.io/r/annual-report-highlights.react.md - [Program Cards](https://p1-blocks.prolificdigital.io/r/program-cards.md): Photo cards for each program showing who it serves, one sourced outcome figure and a link to learn more. Puck key `ProgramCardsBlock`. Source: https://p1-blocks.prolificdigital.io/r/program-cards.tsx. React edition: https://p1-blocks.prolificdigital.io/r/program-cards.react.md - [Board List](https://p1-blocks.prolificdigital.io/r/board-list.md): Compact board of directors roster with officers first, professional affiliations and an executive staff subsection. Puck key `BoardListBlock`. Source: https://p1-blocks.prolificdigital.io/r/board-list.tsx. React edition: https://p1-blocks.prolificdigital.io/r/board-list.react.md - [Matching Gift](https://p1-blocks.prolificdigital.io/r/matching-gift.md): Your-gift-doubles banner with matcher, ratio, cap, deadline, progress toward the cap and an employer-match link. Puck key `MatchingGiftBlock`. Source: https://p1-blocks.prolificdigital.io/r/matching-gift.tsx. React edition: https://p1-blocks.prolificdigital.io/r/matching-gift.react.md - [Tribute Gift](https://p1-blocks.prolificdigital.io/r/tribute-gift.md): Give in honor or memory of someone, with a sample e-card and a short form that hands off to your donation page. Puck key `TributeGiftBlock`. Source: https://p1-blocks.prolificdigital.io/r/tribute-gift.tsx. React edition: https://p1-blocks.prolificdigital.io/r/tribute-gift.react.md - [Sponsorship Packages](https://p1-blocks.prolificdigital.io/r/sponsorship-packages.md): Event or corporate sponsorship levels with price, benefits checklist, slots remaining and a sponsorship contact card. Puck key `SponsorshipPackagesBlock`. Source: https://p1-blocks.prolificdigital.io/r/sponsorship-packages.tsx. React edition: https://p1-blocks.prolificdigital.io/r/sponsorship-packages.react.md - [Before/After Impact](https://p1-blocks.prolificdigital.io/r/before-after-impact.md): Side-by-side before and after program figures with paired bars, a labeled change and a source line. Puck key `BeforeAfterImpactBlock`. Source: https://p1-blocks.prolificdigital.io/r/before-after-impact.tsx. React edition: https://p1-blocks.prolificdigital.io/r/before-after-impact.react.md - [Media Room](https://p1-blocks.prolificdigital.io/r/media-room.md): Newsroom section with dated press releases, a media contact card, brand asset downloads and boilerplate text. Puck key `MediaRoomBlock`. Source: https://p1-blocks.prolificdigital.io/r/media-room.tsx. React edition: https://p1-blocks.prolificdigital.io/r/media-room.react.md - [Job Openings](https://p1-blocks.prolificdigital.io/r/job-openings.md): Careers list with department, location, employment type and a posted pay range per role, plus a benefits summary. Puck key `JobOpeningsBlock`. Source: https://p1-blocks.prolificdigital.io/r/job-openings.tsx. React edition: https://p1-blocks.prolificdigital.io/r/job-openings.react.md - [Volunteer Shifts](https://p1-blocks.prolificdigital.io/r/volunteer-shifts.md): Upcoming volunteer shift schedule with date, time, site, role, spots left and sign-up links, plus a group note. Puck key `VolunteerShiftsBlock`. Source: https://p1-blocks.prolificdigital.io/r/volunteer-shifts.tsx. React edition: https://p1-blocks.prolificdigital.io/r/volunteer-shifts.react.md ## Municipal - [Quick Tasks](https://p1-blocks.prolificdigital.io/r/quick-tasks.md): An "I want to…" grid of top online services with large tap-friendly tiles and an optional site search. Puck key `QuickTasksBlock`. Source: https://p1-blocks.prolificdigital.io/r/quick-tasks.tsx. React edition: https://p1-blocks.prolificdigital.io/r/quick-tasks.react.md - [Service Status](https://p1-blocks.prolificdigital.io/r/service-status.md): City services status board with last-updated time, affected count, and status as icon plus text. Puck key `ServiceStatusBlock`. Source: https://p1-blocks.prolificdigital.io/r/service-status.tsx. React edition: https://p1-blocks.prolificdigital.io/r/service-status.react.md - [Public Meetings](https://p1-blocks.prolificdigital.io/r/public-meetings.md): Council and board meetings with agenda, packet, livestream and minutes links, plus ADA accommodation notes. Puck key `PublicMeetingsBlock`. Source: https://p1-blocks.prolificdigital.io/r/public-meetings.tsx. React edition: https://p1-blocks.prolificdigital.io/r/public-meetings.react.md - [Elected Officials](https://p1-blocks.prolificdigital.io/r/elected-officials.md): Mayor and council with office, term end, direct email and phone, and a find-your-ward link. Puck key `ElectedOfficialsBlock`. Source: https://p1-blocks.prolificdigital.io/r/elected-officials.tsx. React edition: https://p1-blocks.prolificdigital.io/r/elected-officials.react.md - [Collection Schedule](https://p1-blocks.prolificdigital.io/r/collection-schedule.md): Trash, recycling and yard waste days by zone in a table that stacks on phones, with holiday changes. Puck key `CollectionScheduleBlock`. Source: https://p1-blocks.prolificdigital.io/r/collection-schedule.tsx. React edition: https://p1-blocks.prolificdigital.io/r/collection-schedule.react.md - [Permit Guide](https://p1-blocks.prolificdigital.io/r/permit-guide.md): Permits and licenses as expandable cards with fee, processing time, required documents and how to apply. Puck key `PermitGuideBlock`. Source: https://p1-blocks.prolificdigital.io/r/permit-guide.tsx. React edition: https://p1-blocks.prolificdigital.io/r/permit-guide.react.md - [Public Notices](https://p1-blocks.prolificdigital.io/r/public-notices.md): Legal notices for hearings, zoning, bids and ordinances, with type badges and comment deadlines. Puck key `PublicNoticesBlock`. Source: https://p1-blocks.prolificdigital.io/r/public-notices.tsx. React edition: https://p1-blocks.prolificdigital.io/r/public-notices.react.md - [Budget Snapshot](https://p1-blocks.prolificdigital.io/r/budget-snapshot.md): Where tax dollars go: spending categories as sorted bars labeled with dollars and percent of total. Puck key `BudgetSnapshotBlock`. Source: https://p1-blocks.prolificdigital.io/r/budget-snapshot.tsx. React edition: https://p1-blocks.prolificdigital.io/r/budget-snapshot.react.md - [Project Updates](https://p1-blocks.prolificdigital.io/r/project-updates.md): Capital project cards with a four-step phase tracker, latest update, budget and expected completion. Puck key `ProjectUpdatesBlock`. Source: https://p1-blocks.prolificdigital.io/r/project-updates.tsx. React edition: https://p1-blocks.prolificdigital.io/r/project-updates.react.md - [Emergency Info](https://p1-blocks.prolificdigital.io/r/emergency-info.md): A call-911 panel, tap-to-call non-emergency numbers, alert sign-up and preparedness links. Puck key `EmergencyInfoBlock`. Source: https://p1-blocks.prolificdigital.io/r/emergency-info.tsx. React edition: https://p1-blocks.prolificdigital.io/r/emergency-info.react.md - [Council Districts](https://p1-blocks.prolificdigital.io/r/council-districts.md): Council districts or wards with neighborhoods covered, each representative's contact details and an address lookup. Puck key `CouncilDistrictsBlock`. Source: https://p1-blocks.prolificdigital.io/r/council-districts.tsx. React edition: https://p1-blocks.prolificdigital.io/r/council-districts.react.md - [Utility Rates](https://p1-blocks.prolificdigital.io/r/utility-rates.md): Water, sewer and trash rate tables by tier, with the effective date, a pay-your-bill link and bill assistance. Puck key `UtilityRatesBlock`. Source: https://p1-blocks.prolificdigital.io/r/utility-rates.tsx. React edition: https://p1-blocks.prolificdigital.io/r/utility-rates.react.md - [Parks Directory](https://p1-blocks.prolificdigital.io/r/parks-directory.md): Park cards with photos, labeled amenity icons, hours, address and a directions link. Puck key `ParksDirectoryBlock`. Source: https://p1-blocks.prolificdigital.io/r/parks-directory.tsx. React edition: https://p1-blocks.prolificdigital.io/r/parks-directory.react.md - [Road Closures](https://p1-blocks.prolificdigital.io/r/road-closures.md): Current road closures and detours with cross streets, dates, reason and a labeled severity. Puck key `RoadClosuresBlock`. Source: https://p1-blocks.prolificdigital.io/r/road-closures.tsx. React edition: https://p1-blocks.prolificdigital.io/r/road-closures.react.md - [Voter Info](https://p1-blocks.prolificdigital.io/r/voter-info.md): Election day, key deadlines, early voting sites, what to bring, sample ballot and accessible voting options. Puck key `VoterInfoBlock`. Source: https://p1-blocks.prolificdigital.io/r/voter-info.tsx. React edition: https://p1-blocks.prolificdigital.io/r/voter-info.react.md - [City Jobs](https://p1-blocks.prolificdigital.io/r/city-jobs.md): Open city job postings with department, pay range, schedule, closing date and an equal opportunity statement. Puck key `CityJobsBlock`. Source: https://p1-blocks.prolificdigital.io/r/city-jobs.tsx. React edition: https://p1-blocks.prolificdigital.io/r/city-jobs.react.md - [Report an Issue](https://p1-blocks.prolificdigital.io/r/report-an-issue.md): A 311-style guide to reporting a problem, with common issue links, phone and app options, and what happens next. Puck key `ReportAnIssueBlock`. Source: https://p1-blocks.prolificdigital.io/r/report-an-issue.tsx. React edition: https://p1-blocks.prolificdigital.io/r/report-an-issue.react.md - [Recreation Programs](https://p1-blocks.prolificdigital.io/r/recreation-programs.md): A seasonal program catalog with ages, schedules, resident and non-resident fees, and register or waitlist links. Puck key `RecreationProgramsBlock`. Source: https://p1-blocks.prolificdigital.io/r/recreation-programs.tsx. React edition: https://p1-blocks.prolificdigital.io/r/recreation-programs.react.md - [Open Data Catalog](https://p1-blocks.prolificdigital.io/r/open-data-catalog.md): A table of public datasets with department, update frequency, last updated date and download formats. Puck key `OpenDataCatalogBlock`. Source: https://p1-blocks.prolificdigital.io/r/open-data-catalog.tsx. React edition: https://p1-blocks.prolificdigital.io/r/open-data-catalog.react.md - [Boards & Commissions](https://p1-blocks.prolificdigital.io/r/boards-commissions.md): Resident boards with purpose, meeting schedule, seat count and open vacancies called out with an apply link. Puck key `BoardsCommissionsBlock`. Source: https://p1-blocks.prolificdigital.io/r/boards-commissions.tsx. React edition: https://p1-blocks.prolificdigital.io/r/boards-commissions.react.md ## Parks & rec - [Facility Rentals](https://p1-blocks.prolificdigital.io/r/facility-rentals.md): Shelters and rooms for rent with photo, capacity, amenities, resident rates, hours, deposit, booking link and policies. Puck key `FacilityRentalsBlock`. Source: https://p1-blocks.prolificdigital.io/r/facility-rentals.tsx. React edition: https://p1-blocks.prolificdigital.io/r/facility-rentals.react.md - [Amenity Matrix](https://p1-blocks.prolificdigital.io/r/amenity-matrix.md): Find a park by amenity: a parks-by-amenities table with check marks and a sticky park column that scrolls on phones. Puck key `AmenityMatrixBlock`. Source: https://p1-blocks.prolificdigital.io/r/amenity-matrix.tsx. React edition: https://p1-blocks.prolificdigital.io/r/amenity-matrix.react.md - [Park Rules](https://p1-blocks.prolificdigital.io/r/park-rules.md): Park hours, rules grouped by topic with icons and ordinance references, and a report-a-violation contact panel. Puck key `ParkRulesBlock`. Source: https://p1-blocks.prolificdigital.io/r/park-rules.tsx. React edition: https://p1-blocks.prolificdigital.io/r/park-rules.react.md - [Park Map Legend](https://p1-blocks.prolificdigital.io/r/park-map-legend.md): A park map with numbered markers placed by percentage, a matching accessible legend, and a PDF download link. Puck key `ParkMapLegendBlock`. Source: https://p1-blocks.prolificdigital.io/r/park-map-legend.tsx. React edition: https://p1-blocks.prolificdigital.io/r/park-map-legend.react.md - [Availability Grid](https://p1-blocks.prolificdigital.io/r/availability-grid.md): A weekly table of fields, courts and rooms showing Open, Booked or Closed each day, with opt-in status colors. Puck key `AvailabilityGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/availability-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/availability-grid.react.md - [Camp Finder](https://p1-blocks.prolificdigital.io/r/camp-finder.md): Summer and break camps grouped by age, with weeks, hours, prices, extended care, spots left and a financial aid callout. Puck key `CampFinderBlock`. Source: https://p1-blocks.prolificdigital.io/r/camp-finder.tsx. React edition: https://p1-blocks.prolificdigital.io/r/camp-finder.react.md - [Activity Guide](https://p1-blocks.prolificdigital.io/r/activity-guide.md): The season's program guide: cover, registration dates by residency, browse, PDF and print links, and highlights. Puck key `ActivityGuideBlock`. Source: https://p1-blocks.prolificdigital.io/r/activity-guide.tsx. React edition: https://p1-blocks.prolificdigital.io/r/activity-guide.react.md - [Rec Center Passes](https://p1-blocks.prolificdigital.io/r/rec-center-passes.md): Pass prices by type and age group in a resident and non-resident fee table, with what's included and discounts. Puck key `RecCenterPassesBlock`. Source: https://p1-blocks.prolificdigital.io/r/rec-center-passes.tsx. React edition: https://p1-blocks.prolificdigital.io/r/rec-center-passes.react.md - [Pool Schedule](https://p1-blocks.prolificdigital.io/r/pool-schedule.md): Today's pool status, a days-by-sessions swim table, closures, the weather policy and a swim lessons link. Puck key `PoolScheduleBlock`. Source: https://p1-blocks.prolificdigital.io/r/pool-schedule.tsx. React edition: https://p1-blocks.prolificdigital.io/r/pool-schedule.react.md - [Registration Help](https://p1-blocks.prolificdigital.io/r/registration-help.md): Numbered sign-up steps, what you'll need, fee assistance, the refund policy and who to call for help. Puck key `RegistrationHelpBlock`. Source: https://p1-blocks.prolificdigital.io/r/registration-help.tsx. React edition: https://p1-blocks.prolificdigital.io/r/registration-help.react.md - [Trail Guide](https://p1-blocks.prolificdigital.io/r/trail-guide.md): Trails as cards or rows with distance, difficulty by shape and word, surface, elevation, accessibility, dogs, trailhead and GPX. Puck key `TrailGuideBlock`. Source: https://p1-blocks.prolificdigital.io/r/trail-guide.tsx. React edition: https://p1-blocks.prolificdigital.io/r/trail-guide.react.md - [Field Conditions](https://p1-blocks.prolificdigital.io/r/field-conditions.md): Today's status for fields, courts, trails, pools and rinks, with counts by status and a rain-out hotline. Puck key `FieldConditionsBlock`. Source: https://p1-blocks.prolificdigital.io/r/field-conditions.tsx. React edition: https://p1-blocks.prolificdigital.io/r/field-conditions.react.md - [League Standings](https://p1-blocks.prolificdigital.io/r/league-standings.md): Division standings tables that compute winning percentage and games behind, sort teams, and add rain-out info. Puck key `LeagueStandingsBlock`. Source: https://p1-blocks.prolificdigital.io/r/league-standings.tsx. React edition: https://p1-blocks.prolificdigital.io/r/league-standings.react.md - [Adopt-a-Park](https://p1-blocks.prolificdigital.io/r/adopt-a-park.md): A stewardship program pitch: adopters count, steps, commitment, perks, sites open for adoption and an apply link. Puck key `AdoptAParkBlock`. Source: https://p1-blocks.prolificdigital.io/r/adopt-a-park.tsx. React edition: https://p1-blocks.prolificdigital.io/r/adopt-a-park.react.md - [Community Input](https://p1-blocks.prolificdigital.io/r/community-input.md): Master plan engagement: phase timeline, input sessions, a survey with closing date, themes heard and accommodations. Puck key `CommunityInputBlock`. Source: https://p1-blocks.prolificdigital.io/r/community-input.tsx. React edition: https://p1-blocks.prolificdigital.io/r/community-input.react.md ## Foundations - [Grant Opportunities](https://p1-blocks.prolificdigital.io/r/grant-opportunities.md): Open funding cycles sorted by deadline, with focus area, award range, labeled cycle status, eligibility and RFP links. Puck key `GrantOpportunitiesBlock`. Source: https://p1-blocks.prolificdigital.io/r/grant-opportunities.tsx. React edition: https://p1-blocks.prolificdigital.io/r/grant-opportunities.react.md - [Eligibility Check](https://p1-blocks.prolificdigital.io/r/eligibility-check.md): Are-we-a-fit checklist of native checkboxes that reveals next steps via CSS :has() once every box is checked. Puck key `EligibilityCheckBlock`. Source: https://p1-blocks.prolificdigital.io/r/eligibility-check.tsx. React edition: https://p1-blocks.prolificdigital.io/r/eligibility-check.react.md - [Funding Priorities](https://p1-blocks.prolificdigital.io/r/funding-priorities.md): Focus areas with a goal statement, what we fund and don't fund, typical grant size and a program officer contact. Puck key `FundingPrioritiesBlock`. Source: https://p1-blocks.prolificdigital.io/r/funding-priorities.tsx. React edition: https://p1-blocks.prolificdigital.io/r/funding-priorities.react.md - [Grants Awarded](https://p1-blocks.prolificdigital.io/r/grants-awarded.md): Accessible table of awarded grants with grantee, program, amount, year and purpose, a computed total and CSV link. Puck key `GrantsAwardedBlock`. Source: https://p1-blocks.prolificdigital.io/r/grants-awarded.tsx. React edition: https://p1-blocks.prolificdigital.io/r/grants-awarded.react.md - [Application Timeline](https://p1-blocks.prolificdigital.io/r/application-timeline.md): Grant cycle steps from letter of inquiry to payment with dates, completed steps and the current step marked. Puck key `ApplicationTimelineBlock`. Source: https://p1-blocks.prolificdigital.io/r/application-timeline.tsx. React edition: https://p1-blocks.prolificdigital.io/r/application-timeline.react.md - [Grantee Stories](https://p1-blocks.prolificdigital.io/r/grantee-stories.md): Story cards for funded organizations with grant purpose, a sourced outcome figure, a photo and a read-more link. Puck key `GranteeStoriesBlock`. Source: https://p1-blocks.prolificdigital.io/r/grantee-stories.tsx. React edition: https://p1-blocks.prolificdigital.io/r/grantee-stories.react.md - [Giving Totals](https://p1-blocks.prolificdigital.io/r/giving-totals.md): Headline giving figures plus a by-focus-area bar list with computed shares and a visible source line. Puck key `GivingTotalsBlock`. Source: https://p1-blocks.prolificdigital.io/r/giving-totals.tsx. React edition: https://p1-blocks.prolificdigital.io/r/giving-totals.react.md - [Named Funds](https://p1-blocks.prolificdigital.io/r/named-funds.md): Directory of named and donor funds grouped by type with jump links, purpose, year established and give links. Puck key `NamedFundsBlock`. Source: https://p1-blocks.prolificdigital.io/r/named-funds.tsx. React edition: https://p1-blocks.prolificdigital.io/r/named-funds.react.md - [Donor-Advised Funds](https://p1-blocks.prolificdigital.io/r/donor-advised-funds.md): Explains donor-advised funds in three steps, with a fees table, a cited private foundation comparison and contact. Puck key `DonorAdvisedFundsBlock`. Source: https://p1-blocks.prolificdigital.io/r/donor-advised-funds.tsx. React edition: https://p1-blocks.prolificdigital.io/r/donor-advised-funds.react.md - [LOI Form](https://p1-blocks.prolificdigital.io/r/loi-form.md): Letter of inquiry form with EIN, contact, program area, request amount, summary guidance and what happens next. Puck key `LoiFormBlock`. Source: https://p1-blocks.prolificdigital.io/r/loi-form.tsx. React edition: https://p1-blocks.prolificdigital.io/r/loi-form.react.md ## K-12 - [School Finder](https://p1-blocks.prolificdigital.io/r/school-finder.md): Schools grouped by level with grades, principal, address, phone and website, plus level jump links and an address lookup. Puck key `SchoolFinderBlock`. Source: https://p1-blocks.prolificdigital.io/r/school-finder.tsx. React edition: https://p1-blocks.prolificdigital.io/r/school-finder.react.md - [Bell Schedule](https://p1-blocks.prolificdigital.io/r/bell-schedule.md): Period start and end times with a CSS-only switch between regular, early release and late start days, lunches highlighted. Puck key `BellScheduleBlock`. Source: https://p1-blocks.prolificdigital.io/r/bell-schedule.tsx. React edition: https://p1-blocks.prolificdigital.io/r/bell-schedule.react.md - [Lunch Menu](https://p1-blocks.prolificdigital.io/r/lunch-menu.md): A week of school lunches by day with sides, vegetarian options and allergen badges, plus a free meals application link. Puck key `LunchMenuBlock`. Source: https://p1-blocks.prolificdigital.io/r/lunch-menu.tsx. React edition: https://p1-blocks.prolificdigital.io/r/lunch-menu.react.md - [District Calendar](https://p1-blocks.prolificdigital.io/r/district-calendar.md): Key school-year dates by month with text type badges for breaks and early release, plus iCal subscribe and PDF links. Puck key `DistrictCalendarBlock`. Source: https://p1-blocks.prolificdigital.io/r/district-calendar.tsx. React edition: https://p1-blocks.prolificdigital.io/r/district-calendar.react.md - [Enrollment Steps](https://p1-blocks.prolificdigital.io/r/enrollment-steps.md): Numbered new-student enrollment steps beside a documents checklist, kindergarten age note, office hours and language help. Puck key `EnrollmentStepsBlock`. Source: https://p1-blocks.prolificdigital.io/r/enrollment-steps.tsx. React edition: https://p1-blocks.prolificdigital.io/r/enrollment-steps.react.md - [Closings Alert](https://p1-blocks.prolificdigital.io/r/closings-alert.md): Today's open, delayed, closed or remote status with icon and words, a message, update time and notes for buses and programs. Puck key `ClosingsAlertBlock`. Source: https://p1-blocks.prolificdigital.io/r/closings-alert.tsx. React edition: https://p1-blocks.prolificdigital.io/r/closings-alert.react.md - [Bus Routes](https://p1-blocks.prolificdigital.io/r/bus-routes.md): School bus routes with schools served, first pickup and expandable stop lists, plus a stop finder and transportation contact. Puck key `BusRoutesBlock`. Source: https://p1-blocks.prolificdigital.io/r/bus-routes.tsx. React edition: https://p1-blocks.prolificdigital.io/r/bus-routes.react.md - [Staff Directory](https://p1-blocks.prolificdigital.io/r/staff-directory.md): Staff grouped by department and sorted by last name, with roles, email and tap-to-call extensions, plus department jump links. Puck key `StaffDirectoryBlock`. Source: https://p1-blocks.prolificdigital.io/r/staff-directory.tsx. React edition: https://p1-blocks.prolificdigital.io/r/staff-directory.react.md - [School Board](https://p1-blocks.prolificdigital.io/r/school-board.md): Board of education members with seats and terms, a next-meeting card with agenda link, public comment steps and archive. Puck key `SchoolBoardBlock`. Source: https://p1-blocks.prolificdigital.io/r/school-board.tsx. React edition: https://p1-blocks.prolificdigital.io/r/school-board.react.md - [Achievement Data](https://p1-blocks.prolificdigital.io/r/achievement-data.md): Graduation, attendance and subject proficiency as labeled bars compared with district and state, with a table view and source. Puck key `AchievementDataBlock`. Source: https://p1-blocks.prolificdigital.io/r/achievement-data.tsx. React edition: https://p1-blocks.prolificdigital.io/r/achievement-data.react.md ## Libraries - [Catalog Search](https://p1-blocks.prolificdigital.io/r/catalog-search.md): A catalog search panel that submits to your catalog with an optional format filter, quick links and an Ask a librarian link. Puck key `CatalogSearchBlock`. Source: https://p1-blocks.prolificdigital.io/r/catalog-search.tsx. React edition: https://p1-blocks.prolificdigital.io/r/catalog-search.react.md - [New Arrivals](https://p1-blocks.prolificdigital.io/r/new-arrivals.md): A shelf of new titles with covers, authors and format badges that swipes sideways on phones and links to the catalog. Puck key `NewArrivalsBlock`. Source: https://p1-blocks.prolificdigital.io/r/new-arrivals.tsx. React edition: https://p1-blocks.prolificdigital.io/r/new-arrivals.react.md - [Library Card](https://p1-blocks.prolificdigital.io/r/library-card.md): Get a library card: who's eligible, what to bring, what a card unlocks, an apply link and an illustrated card. Puck key `LibraryCardBlock`. Source: https://p1-blocks.prolificdigital.io/r/library-card.tsx. React edition: https://p1-blocks.prolificdigital.io/r/library-card.react.md - [Branch Services](https://p1-blocks.prolificdigital.io/r/branch-services.md): Library branches with address and hours, plus a services table with check marks that scrolls accessibly on phones. Puck key `BranchServicesBlock`. Source: https://p1-blocks.prolificdigital.io/r/branch-services.tsx. React edition: https://p1-blocks.prolificdigital.io/r/branch-services.react.md - [Storytime Schedule](https://p1-blocks.prolificdigital.io/r/storytime-schedule.md): Weekly kids' storytimes grouped by age with jump links, day, time, branch and a plain-text registration note. Puck key `StorytimeScheduleBlock`. Source: https://p1-blocks.prolificdigital.io/r/storytime-schedule.tsx. React edition: https://p1-blocks.prolificdigital.io/r/storytime-schedule.react.md - [Digital Resources](https://p1-blocks.prolificdigital.io/r/digital-resources.md): A grid of e-resources by category, each with a description, an at-home access note and a link, plus a tech-help banner. Puck key `DigitalResourcesBlock`. Source: https://p1-blocks.prolificdigital.io/r/digital-resources.tsx. React edition: https://p1-blocks.prolificdigital.io/r/digital-resources.react.md - [Room Booking](https://p1-blocks.prolificdigital.io/r/room-booking.md): Meeting and study rooms with capacity, equipment, accessibility and cost, a book link each, and rules in a toggle. Puck key `RoomBookingBlock`. Source: https://p1-blocks.prolificdigital.io/r/room-booking.tsx. React edition: https://p1-blocks.prolificdigital.io/r/room-booking.react.md - [Book Club](https://p1-blocks.prolificdigital.io/r/book-club.md): This month's book club pick with cover, discussion details, copy pickup note, discussion questions and upcoming picks. Puck key `BookClubBlock`. Source: https://p1-blocks.prolificdigital.io/r/book-club.tsx. React edition: https://p1-blocks.prolificdigital.io/r/book-club.react.md - [Reading Challenge](https://p1-blocks.prolificdigital.io/r/reading-challenge.md): A summer reading challenge with dates, tracks by age, how-it-works steps, prizes and an accessible community progress bar. Puck key `ReadingChallengeBlock`. Source: https://p1-blocks.prolificdigital.io/r/reading-challenge.tsx. React edition: https://p1-blocks.prolificdigital.io/r/reading-challenge.react.md - [Makerspace Equipment](https://p1-blocks.prolificdigital.io/r/makerspace-equipment.md): A makerspace tool catalog with certification status, reservation length, material costs and book or certify links. Puck key `MakerspaceEquipmentBlock`. Source: https://p1-blocks.prolificdigital.io/r/makerspace-equipment.tsx. React edition: https://p1-blocks.prolificdigital.io/r/makerspace-equipment.react.md ## Health - [Find a Clinic](https://p1-blocks.prolificdigital.io/r/find-a-clinic.md): Clinic cards with services, address, phone, hours, walk-in status, languages, accessibility notes and directions. Puck key `FindAClinicBlock`. Source: https://p1-blocks.prolificdigital.io/r/find-a-clinic.tsx. React edition: https://p1-blocks.prolificdigital.io/r/find-a-clinic.react.md - [Care Options](https://p1-blocks.prolificdigital.io/r/care-options.md): Where to go for care: primary, video, urgent and emergency, with common examples, wait and cost cues, and a 911 line. Puck key `CareOptionsBlock`. Source: https://p1-blocks.prolificdigital.io/r/care-options.tsx. React edition: https://p1-blocks.prolificdigital.io/r/care-options.react.md - [Provider Directory](https://p1-blocks.prolificdigital.io/r/provider-directory.md): Providers grouped by specialty with jump links, credentials, clinic, languages and a new-patient badge. Puck key `ProviderDirectoryBlock`. Source: https://p1-blocks.prolificdigital.io/r/provider-directory.tsx. React edition: https://p1-blocks.prolificdigital.io/r/provider-directory.react.md - [Vaccine Clinics](https://p1-blocks.prolificdigital.io/r/vaccine-clinics.md): Upcoming vaccine clinics with date tiles, time, place, vaccines, ages, cost, walk-in status and booking. Puck key `VaccineClinicsBlock`. Source: https://p1-blocks.prolificdigital.io/r/vaccine-clinics.tsx. React edition: https://p1-blocks.prolificdigital.io/r/vaccine-clinics.react.md - [Insurance Accepted](https://p1-blocks.prolificdigital.io/r/insurance-accepted.md): Accepted plans grouped by type, a sliding fee scale table by income, and a call-us box for coverage questions. Puck key `InsuranceAcceptedBlock`. Source: https://p1-blocks.prolificdigital.io/r/insurance-accepted.tsx. React edition: https://p1-blocks.prolificdigital.io/r/insurance-accepted.react.md - [Health Alert](https://p1-blocks.prolificdigital.io/r/health-alert.md): A public health advisory with level, what's happening, steps to take, who's at higher risk and a 911 line. Puck key `HealthAlertBlock`. Source: https://p1-blocks.prolificdigital.io/r/health-alert.tsx. React edition: https://p1-blocks.prolificdigital.io/r/health-alert.react.md - [Patient Portal](https://p1-blocks.prolificdigital.io/r/patient-portal.md): Patient portal call to action: what you can do online, sign-in and enroll buttons, app note and help line. Puck key `PatientPortalBlock`. Source: https://p1-blocks.prolificdigital.io/r/patient-portal.tsx. React edition: https://p1-blocks.prolificdigital.io/r/patient-portal.react.md - [Public Health Data](https://p1-blocks.prolificdigital.io/r/public-health-data.md): Three or four health indicators with county-vs-state bars, comparison and trend notes, and a source line. Puck key `PublicHealthDataBlock`. Source: https://p1-blocks.prolificdigital.io/r/public-health-data.tsx. React edition: https://p1-blocks.prolificdigital.io/r/public-health-data.react.md - [Community Programs](https://p1-blocks.prolificdigital.io/r/community-programs.md): Health programs with who they serve, cost, how to enroll and who to contact, in easy-to-scan rows. Puck key `CommunityProgramsBlock`. Source: https://p1-blocks.prolificdigital.io/r/community-programs.tsx. React edition: https://p1-blocks.prolificdigital.io/r/community-programs.react.md - [Price Estimate](https://p1-blocks.prolificdigital.io/r/price-estimate.md): Typical self-pay prices for common services in an accessible table, a disclaimer and an estimate request box. Puck key `PriceEstimateBlock`. Source: https://p1-blocks.prolificdigital.io/r/price-estimate.tsx. React edition: https://p1-blocks.prolificdigital.io/r/price-estimate.react.md ## Arts & culture - [Exhibitions List](https://p1-blocks.prolificdigital.io/r/exhibitions-list.md): Current shows as large editorial spreads, upcoming in a staggered grid, past in a ruled index, with status spelled out. Puck key `ExhibitionsListBlock`. Source: https://p1-blocks.prolificdigital.io/r/exhibitions-list.tsx. React edition: https://p1-blocks.prolificdigital.io/r/exhibitions-list.react.md - [Visit Info](https://p1-blocks.prolificdigital.io/r/visit-info.md): Plan-your-visit guide with hours and admission tables, free days, parking, transit, access services and a ticket link. Puck key `VisitInfoBlock`. Source: https://p1-blocks.prolificdigital.io/r/visit-info.tsx. React edition: https://p1-blocks.prolificdigital.io/r/visit-info.react.md - [Collection Highlights](https://p1-blocks.prolificdigital.io/r/collection-highlights.md): Salon-hung artworks with true museum wall labels: artist, italic title, medium, dimensions, credit line, accession. Puck key `CollectionHighlightsBlock`. Source: https://p1-blocks.prolificdigital.io/r/collection-highlights.tsx. React edition: https://p1-blocks.prolificdigital.io/r/collection-highlights.react.md - [Artist Spotlight](https://p1-blocks.prolificdigital.io/r/artist-spotlight.md): Magazine-style artist feature with portrait, bio, oversized statement quote, selected works and dated appearances. Puck key `ArtistSpotlightBlock`. Source: https://p1-blocks.prolificdigital.io/r/artist-spotlight.tsx. React edition: https://p1-blocks.prolificdigital.io/r/artist-spotlight.react.md - [Performance Season](https://p1-blocks.prolificdigital.io/r/performance-season.md): Season lineup grouped by month with company, dates, hall, genre, prices, seat availability text and ticket links. Puck key `PerformanceSeasonBlock`. Source: https://p1-blocks.prolificdigital.io/r/performance-season.tsx. React edition: https://p1-blocks.prolificdigital.io/r/performance-season.react.md - [Seating Chart](https://p1-blocks.prolificdigital.io/r/seating-chart.md): SVG venue plan with patterned indigo price zones, a matching price table and accessible seating details. Puck key `SeatingChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/seating-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/seating-chart.react.md - [Field Trips](https://p1-blocks.prolificdigital.io/r/field-trips.md): School programs led by big grade bands, with length, group size, cost, curriculum links, booking steps and bus note. Puck key `FieldTripsBlock`. Source: https://p1-blocks.prolificdigital.io/r/field-trips.tsx. React edition: https://p1-blocks.prolificdigital.io/r/field-trips.react.md - [Audio Tour](https://p1-blocks.prolificdigital.io/r/audio-tour.md): Numbered self-guided tour stops with optional native audio, transcripts in disclosures and a phone dial-in panel. Puck key `AudioTourBlock`. Source: https://p1-blocks.prolificdigital.io/r/audio-tour.tsx. React edition: https://p1-blocks.prolificdigital.io/r/audio-tour.react.md - [Call for Artists](https://p1-blocks.prolificdigital.io/r/call-for-artists.md): Poster-style open call with deadline stamp, fee, eligibility, jurors, prizes, materials checklist, timeline and submit link. Puck key `CallForArtistsBlock`. Source: https://p1-blocks.prolificdigital.io/r/call-for-artists.tsx. React edition: https://p1-blocks.prolificdigital.io/r/call-for-artists.react.md - [Venue Rental](https://p1-blocks.prolificdigital.io/r/venue-rental.md): Rentable spaces with large standing and seated capacities, catering and AV notes, and a no-JS inquiry form. Puck key `VenueRentalBlock`. Source: https://p1-blocks.prolificdigital.io/r/venue-rental.tsx. React edition: https://p1-blocks.prolificdigital.io/r/venue-rental.react.md ## Tourism - [Things to Do](https://p1-blocks.prolificdigital.io/r/things-to-do.md): Magazine-spread photo tiles for activity categories, each with a place count and a link into the listings. Puck key `ThingsToDoBlock`. Source: https://p1-blocks.prolificdigital.io/r/things-to-do.tsx. React edition: https://p1-blocks.prolificdigital.io/r/things-to-do.react.md - [Trip Itinerary](https://p1-blocks.prolificdigital.io/r/itinerary.md): A multi-day plan of time-blocked stops on a vertical timeline, with neighborhoods, local tips and a print link. Puck key `ItineraryBlock`. Source: https://p1-blocks.prolificdigital.io/r/itinerary.tsx. React edition: https://p1-blocks.prolificdigital.io/r/itinerary.react.md - [Festival Lineup](https://p1-blocks.prolificdigital.io/r/festival-lineup.md): A festival header, a CSS-only day switcher of stage-by-stage set times, ticket tiers and getting-there notes. Puck key `FestivalLineupBlock`. Source: https://p1-blocks.prolificdigital.io/r/festival-lineup.tsx. React edition: https://p1-blocks.prolificdigital.io/r/festival-lineup.react.md - [Where to Stay](https://p1-blocks.prolificdigital.io/r/where-to-stay.md): Lodging listings grouped by type with jump links, photos, price bands, amenity tags and booking links. Puck key `WhereToStayBlock`. Source: https://p1-blocks.prolificdigital.io/r/where-to-stay.tsx. React edition: https://p1-blocks.prolificdigital.io/r/where-to-stay.react.md - [Dining Guide](https://p1-blocks.prolificdigital.io/r/dining-guide.md): Restaurants grouped by cuisine with price bands, dietary options, hours, menu links and a Locally owned badge. Puck key `DiningGuideBlock`. Source: https://p1-blocks.prolificdigital.io/r/dining-guide.tsx. React edition: https://p1-blocks.prolificdigital.io/r/dining-guide.react.md - [Neighborhood Guides](https://p1-blocks.prolificdigital.io/r/neighborhood-guides.md): Alternating photo-led district profiles with a vibe tagline, best-for tags, three top picks and an explore link. Puck key `NeighborhoodGuidesBlock`. Source: https://p1-blocks.prolificdigital.io/r/neighborhood-guides.tsx. React edition: https://p1-blocks.prolificdigital.io/r/neighborhood-guides.react.md - [Visitor Center](https://p1-blocks.prolificdigital.io/r/visitor-center.md): Welcome center hours, address, services and contacts, plus a form to request a mailed visitor guide. Puck key `VisitorCenterBlock`. Source: https://p1-blocks.prolificdigital.io/r/visitor-center.tsx. React edition: https://p1-blocks.prolificdigital.io/r/visitor-center.react.md - [Getting Here](https://p1-blocks.prolificdigital.io/r/getting-here.md): Arrival by air, car, train, bus and bike, a travel-time table, parking garages and local transit notes. Puck key `GettingHereBlock`. Source: https://p1-blocks.prolificdigital.io/r/getting-here.tsx. React edition: https://p1-blocks.prolificdigital.io/r/getting-here.react.md - [Passport Program](https://p1-blocks.prolificdigital.io/r/passport-program.md): A local deals trail: how it works, participating stops and offers, prize tiers by check-ins and fine print. Puck key `PassportProgramBlock`. Source: https://p1-blocks.prolificdigital.io/r/passport-program.tsx. React edition: https://p1-blocks.prolificdigital.io/r/passport-program.react.md - [Seasonal Highlights](https://p1-blocks.prolificdigital.io/r/seasonal-highlights.md): Four staggered season panels with a photo, top experiences, typical weather and a link to each season's events. Puck key `SeasonalHighlightsBlock`. Source: https://p1-blocks.prolificdigital.io/r/seasonal-highlights.tsx. React edition: https://p1-blocks.prolificdigital.io/r/seasonal-highlights.react.md ## Dashboards - [Dashboard Grid](https://p1-blocks.prolificdigital.io/r/dashboard-grid.md): The layout for dashboard widgets: a titled section with a drop zone that arranges widgets in 1–4 columns. Puck key `DashboardGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/dashboard-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/dashboard-grid.react.md - [KPI Card](https://p1-blocks.prolificdigital.io/r/kpi-card.md): One headline metric with change vs. a prior period and a sparkline. Every value binds to a P1 data source. Puck key `KpiCardBlock`. Source: https://p1-blocks.prolificdigital.io/r/kpi-card.tsx. React edition: https://p1-blocks.prolificdigital.io/r/kpi-card.react.md - [Data Table](https://p1-blocks.prolificdigital.io/r/data-table.md): A report table with auto right-aligned numeric columns, status badges, and a scrollable captioned layout. Puck key `DataTableBlock`. Source: https://p1-blocks.prolificdigital.io/r/data-table.tsx. React edition: https://p1-blocks.prolificdigital.io/r/data-table.react.md - [Leaderboard](https://p1-blocks.prolificdigital.io/r/leaderboard.md): A ranked list sorted highest first, with proportional bars, top-three emphasis and an optional top-N limit. Puck key `LeaderboardBlock`. Source: https://p1-blocks.prolificdigital.io/r/leaderboard.tsx. React edition: https://p1-blocks.prolificdigital.io/r/leaderboard.react.md - [Progress Goals](https://p1-blocks.prolificdigital.io/r/progress-goals.md): Labelled progress bars for several goals showing current of target and percent, with exceeded goals marked. Puck key `ProgressGoalsBlock`. Source: https://p1-blocks.prolificdigital.io/r/progress-goals.tsx. React edition: https://p1-blocks.prolificdigital.io/r/progress-goals.react.md - [Gauge Meter](https://p1-blocks.prolificdigital.io/r/gauge-meter.md): A semicircle gauge with up to three named bands, showing the value and its band as text. Puck key `GaugeMeterBlock`. Source: https://p1-blocks.prolificdigital.io/r/gauge-meter.tsx. React edition: https://p1-blocks.prolificdigital.io/r/gauge-meter.react.md - [Funnel Chart](https://p1-blocks.prolificdigital.io/r/funnel-chart.md): A conversion funnel with counts, share of the first stage, step conversion and the biggest drop-off called out. Puck key `FunnelChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/funnel-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/funnel-chart.react.md - [Uptime Status](https://p1-blocks.prolificdigital.io/r/uptime-status.md): A status-page widget: overall banner, per-service status and uptime, and a bar for each day of history. Puck key `UptimeStatusBlock`. Source: https://p1-blocks.prolificdigital.io/r/uptime-status.tsx. React edition: https://p1-blocks.prolificdigital.io/r/uptime-status.react.md - [Activity Feed](https://p1-blocks.prolificdigital.io/r/activity-feed.md): Recent gifts, sign-ups, updates, alerts and milestones on a vertical timeline with a view-all link. Puck key `ActivityFeedBlock`. Source: https://p1-blocks.prolificdigital.io/r/activity-feed.tsx. React edition: https://p1-blocks.prolificdigital.io/r/activity-feed.react.md - [Period Comparison](https://p1-blocks.prolificdigital.io/r/period-comparison.md): This period against the last, metric by metric, with absolute and percent change worked out for you. Puck key `PeriodComparisonBlock`. Source: https://p1-blocks.prolificdigital.io/r/period-comparison.tsx. React edition: https://p1-blocks.prolificdigital.io/r/period-comparison.react.md - [Live Metric](https://p1-blocks.prolificdigital.io/r/live-metric.md): One number that refreshes in the visitor's browser from a public JSON endpoint, with a server-rendered fallback. Puck key `LiveMetricBlock`. Source: https://p1-blocks.prolificdigital.io/r/live-metric.tsx, https://p1-blocks.prolificdigital.io/r/live-metric.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/live-metric.react.md - [Line Chart](https://p1-blocks.prolificdigital.io/r/line-chart.md): Trend lines for up to three series with each series' latest value in the legend and a data table for screen readers. Puck key `LineChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/line-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/line-chart.react.md - [Bar Chart](https://p1-blocks.prolificdigital.io/r/bar-chart.md): Compare categories as columns or a labelled bar list, with optional sorting and a target line. Puck key `BarChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/bar-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/bar-chart.react.md - [Donut Chart](https://p1-blocks.prolificdigital.io/r/donut-chart.md): How a total breaks down, with the total in the center and values and percentages in the legend. Puck key `DonutChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/donut-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/donut-chart.react.md - [Heatmap Calendar](https://p1-blocks.prolificdigital.io/r/heatmap-calendar.md): A year of daily activity as a week-by-day grid, with total, active days and busiest day worked out. Puck key `HeatmapCalendarBlock`. Source: https://p1-blocks.prolificdigital.io/r/heatmap-calendar.tsx. React edition: https://p1-blocks.prolificdigital.io/r/heatmap-calendar.react.md - [Stacked Area Chart](https://p1-blocks.prolificdigital.io/r/stacked-area-chart.md): Two to four series stacked over time, with a legend of each series' latest value and the running total. Puck key `StackedAreaChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/stacked-area-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/stacked-area-chart.react.md - [Scatter Plot](https://p1-blocks.prolificdigital.io/r/scatter-plot.md): Plot items on two measures with optional dot sizes, a least-squares trend line and labelled outliers. Puck key `ScatterPlotBlock`. Source: https://p1-blocks.prolificdigital.io/r/scatter-plot.tsx. React edition: https://p1-blocks.prolificdigital.io/r/scatter-plot.react.md - [Sparkline Table](https://p1-blocks.prolificdigital.io/r/sparkline-table.md): A compact metrics table with each row's current value, percent change and an inline trend line. Puck key `SparklineTableBlock`. Source: https://p1-blocks.prolificdigital.io/r/sparkline-table.tsx. React edition: https://p1-blocks.prolificdigital.io/r/sparkline-table.react.md - [Stacked Bar Chart](https://p1-blocks.prolificdigital.io/r/stacked-bar-chart.md): Break each category into up to four segments, shown as amounts or as a 100% share. Puck key `StackedBarChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/stacked-bar-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/stacked-bar-chart.react.md - [Bullet Chart](https://p1-blocks.prolificdigital.io/r/bullet-chart.md): Compact gauges showing each measure's actual value against a target and poor, fair and good bands. Puck key `BulletChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/bullet-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/bullet-chart.react.md - [Waterfall Chart](https://p1-blocks.prolificdigital.io/r/waterfall-chart.md): Walk from a starting value through each increase and decrease to a calculated ending total. Puck key `WaterfallChartBlock`. Source: https://p1-blocks.prolificdigital.io/r/waterfall-chart.tsx. React edition: https://p1-blocks.prolificdigital.io/r/waterfall-chart.react.md - [Radial Progress](https://p1-blocks.prolificdigital.io/r/radial-progress.md): One to four ring gauges side by side, each showing progress toward its target. Puck key `RadialProgressBlock`. Source: https://p1-blocks.prolificdigital.io/r/radial-progress.tsx. React edition: https://p1-blocks.prolificdigital.io/r/radial-progress.react.md - [Metric Grid](https://p1-blocks.prolificdigital.io/r/metric-grid.md): Up to nine small stats with changes in one dense card for an at-a-glance overview. Puck key `MetricGridBlock`. Source: https://p1-blocks.prolificdigital.io/r/metric-grid.tsx. React edition: https://p1-blocks.prolificdigital.io/r/metric-grid.react.md - [Milestone Tracker](https://p1-blocks.prolificdigital.io/r/milestone-tracker.md): Project milestones with due dates, written status labels and an overall percent-complete bar. Puck key `MilestoneTrackerBlock`. Source: https://p1-blocks.prolificdigital.io/r/milestone-tracker.tsx. React edition: https://p1-blocks.prolificdigital.io/r/milestone-tracker.react.md - [Alerts Panel](https://p1-blocks.prolificdigital.io/r/alerts-panel.md): Threshold alerts listed by severity with icons, times and action links, or an all-clear state. Puck key `AlertsPanelBlock`. Source: https://p1-blocks.prolificdigital.io/r/alerts-panel.tsx. React edition: https://p1-blocks.prolificdigital.io/r/alerts-panel.react.md ## GPU effects - [Aurora Hero](https://p1-blocks.prolificdigital.io/r/aurora-hero.md): A hero over slow, GPU-rendered aurora curtains in your brand colors, with a matching CSS fallback. Puck key `AuroraHeroBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/aurora-hero.tsx, https://p1-blocks.prolificdigital.io/r/aurora-hero.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/aurora-hero.react.md - [Mesh Gradient CTA](https://p1-blocks.prolificdigital.io/r/mesh-gradient-cta.md): A rounded call-to-action panel over a slowly morphing, grainy four-color mesh gradient in your brand colors. Puck key `MeshGradientCtaBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/mesh-gradient-cta.tsx, https://p1-blocks.prolificdigital.io/r/mesh-gradient-cta.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/mesh-gradient-cta.react.md - [Topographic Section](https://p1-blocks.prolificdigital.io/r/topographic-section.md): A content section with key figures over drifting contour lines. Built for land trusts, parks and trails. Puck key `TopographicSectionBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/topographic-section.tsx, https://p1-blocks.prolificdigital.io/r/topographic-section.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/topographic-section.react.md - [Flow Field Banner](https://p1-blocks.prolificdigital.io/r/flow-field-banner.md): A slim announcement band or section divider over flowing curl-noise light streaks in two brand colors. Puck key `FlowFieldBannerBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/flow-field-banner.tsx, https://p1-blocks.prolificdigital.io/r/flow-field-banner.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/flow-field-banner.react.md - [Spotlight Grid](https://p1-blocks.prolificdigital.io/r/spotlight-grid.md): Program cards over a GPU dot field that swells and takes on your accent color wherever the pointer moves. Puck key `SpotlightGridBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/spotlight-grid.tsx, https://p1-blocks.prolificdigital.io/r/spotlight-grid.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/spotlight-grid.react.md - [Dither Hero](https://p1-blocks.prolificdigital.io/r/dither-hero.md): A retro two-color ordered-dither hero whose light source follows the pointer. Bold for arts and campus pages. Puck key `DitherHeroBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/dither-hero.tsx, https://p1-blocks.prolificdigital.io/r/dither-hero.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/dither-hero.react.md - [Density Map](https://p1-blocks.prolificdigital.io/r/density-map.md): A stylized where-we-work heat map: weighted places glow with contour bands, mirrored as an accessible list. Puck key `DensityMapBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/density-map.tsx, https://p1-blocks.prolificdigital.io/r/density-map.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/density-map.react.md - [Liquid Progress](https://p1-blocks.prolificdigital.io/r/liquid-progress.md): A fundraising meter: a vessel filled to your goal with a live GPU liquid surface, bindable totals and full ARIA. Puck key `LiquidProgressBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/liquid-progress.tsx, https://p1-blocks.prolificdigital.io/r/liquid-progress.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/liquid-progress.react.md - [Metaball Stats](https://p1-blocks.prolificdigital.io/r/metaball-stats.md): Up to five impact figures as soft merging GPU blobs sized by value, mirrored as a semantic list. Puck key `MetaballStatsBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/metaball-stats.tsx, https://p1-blocks.prolificdigital.io/r/metaball-stats.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/metaball-stats.react.md - [Sky Time Banner](https://p1-blocks.prolificdigital.io/r/sky-time-banner.md): A park or city banner whose GPU sky follows the visitor's local time: dawn, day, dusk or night. Puck key `SkyTimeBannerBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/sky-time-banner.tsx, https://p1-blocks.prolificdigital.io/r/sky-time-banner.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/sky-time-banner.react.md - [Wave Lines Hero](https://p1-blocks.prolificdigital.io/r/wave-lines-hero.md): Hero over a ribbon of fine, undulating parallel lines with a two-color gradient, drawn live on the GPU. Puck key `WaveLinesHeroBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/wave-lines-hero.tsx, https://p1-blocks.prolificdigital.io/r/wave-lines-hero.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/wave-lines-hero.react.md - [Starfield Section](https://p1-blocks.prolificdigital.io/r/starfield-section.md): Heading, body and key figures over a slow parallax starfield with twinkle and a soft nebula. Puck key `StarfieldSectionBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/starfield-section.tsx, https://p1-blocks.prolificdigital.io/r/starfield-section.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/starfield-section.react.md - [Voronoi Mosaic](https://p1-blocks.prolificdigital.io/r/voronoi-mosaic.md): Stats section on solid cards over slowly shifting stained-glass panes in three brand colors. Puck key `VoronoiMosaicBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/voronoi-mosaic.tsx, https://p1-blocks.prolificdigital.io/r/voronoi-mosaic.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/voronoi-mosaic.react.md - [Caustics Pool](https://p1-blocks.prolificdigital.io/r/caustics-pool.md): Aquatic center hero with shimmering pool caustics over a tiled floor, today's hours and a CTA. Puck key `CausticsPoolBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/caustics-pool.tsx, https://p1-blocks.prolificdigital.io/r/caustics-pool.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/caustics-pool.react.md - [Grain Blob CTA](https://p1-blocks.prolificdigital.io/r/grain-blob-cta.md): Call-to-action panel over drifting brand-color blobs and heavy film grain, with light or dark text. Puck key `GrainBlobCtaBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/grain-blob-cta.tsx, https://p1-blocks.prolificdigital.io/r/grain-blob-cta.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/grain-blob-cta.react.md - [Constellation Network](https://p1-blocks.prolificdigital.io/r/constellation-network.md): Partner or community section beside a live network of drifting nodes that link up and brighten under the pointer. Puck key `ConstellationNetworkBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/constellation-network.tsx, https://p1-blocks.prolificdigital.io/r/constellation-network.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/constellation-network.react.md - [Halftone Band](https://p1-blocks.prolificdigital.io/r/halftone-band.md): Full-width quote or announcement band framed by a moving two-color halftone dot screen. Puck key `HalftoneBandBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/halftone-band.tsx, https://p1-blocks.prolificdigital.io/r/halftone-band.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/halftone-band.react.md - [Fireflies Banner](https://p1-blocks.prolificdigital.io/r/fireflies-banner.md): Evening-event banner with a dusk sky, tree line and blinking fireflies, plus event details and a call to action. Puck key `FirefliesBannerBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/fireflies-banner.tsx, https://p1-blocks.prolificdigital.io/r/fireflies-banner.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/fireflies-banner.react.md - [Sunburst Celebration](https://p1-blocks.prolificdigital.io/r/sunburst-celebration.md): Goal-reached section whose sunburst turns and confetti falls only once the raised amount meets the goal. Puck key `SunburstCelebrationBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/sunburst-celebration.tsx, https://p1-blocks.prolificdigital.io/r/sunburst-celebration.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/sunburst-celebration.react.md - [Data Wave Bars](https://p1-blocks.prolificdigital.io/r/data-wave-bars.md): Showcase chart of up to 12 bindable values as glowing, breathing bars, with every figure listed as text. Puck key `DataWaveBarsBlock`. Needs: vgpu. Source: https://p1-blocks.prolificdigital.io/r/data-wave-bars.tsx, https://p1-blocks.prolificdigital.io/r/data-wave-bars.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/data-wave-bars.react.md ## Carousels - [Card Carousel](https://p1-blocks.prolificdigital.io/r/card-carousel.md): Story or program cards you can drag and flick with momentum, snapping card to card, with arrows and a progress rule. Puck key `CardCarouselBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/card-carousel.tsx, https://p1-blocks.prolificdigital.io/r/card-carousel.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/card-carousel.react.md - [Logo Marquee](https://p1-blocks.prolificdigital.io/r/logo-marquee.md): An endless, slow-drifting row of partner logos that eases to a stop on hover, focus or its Pause button. Puck key `LogoMarqueeBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/logo-marquee.tsx, https://p1-blocks.prolificdigital.io/r/logo-marquee.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/logo-marquee.react.md - [Testimonial Carousel](https://p1-blocks.prolificdigital.io/r/testimonial-carousel.md): One large quote at a time, crossfading with a soft lift, picked from a row of avatar tabs. Rotation is optional. Puck key `TestimonialCarouselBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/testimonial-carousel.tsx, https://p1-blocks.prolificdigital.io/r/testimonial-carousel.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/testimonial-carousel.react.md - [News Ticker](https://p1-blocks.prolificdigital.io/r/news-ticker.md): A slim bar of linked headlines or alerts that roll vertically one at a time, with previous/next and optional rotation. Puck key `NewsTickerBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/news-ticker.tsx, https://p1-blocks.prolificdigital.io/r/news-ticker.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/news-ticker.react.md - [Timeline Carousel](https://p1-blocks.prolificdigital.io/r/timeline-carousel.md): Your history as a draggable panel of milestones synced to a year scrubber whose marker glides to the active year. Puck key `TimelineCarouselBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/timeline-carousel.tsx, https://p1-blocks.prolificdigital.io/r/timeline-carousel.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/timeline-carousel.react.md - [Hero Slideshow](https://p1-blocks.prolificdigital.io/r/hero-slideshow.md): Full-bleed photo slides that crossfade with a slow Ken Burns push, staggered copy, a counter and optional pausable rotation. Puck key `HeroSlideshowBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/hero-slideshow.tsx, https://p1-blocks.prolificdigital.io/r/hero-slideshow.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/hero-slideshow.react.md - [Coverflow Carousel](https://p1-blocks.prolificdigital.io/r/coverflow-carousel.md): Image cards fanned out in 3D around a spotlit center card with its caption. Drag, throw, buttons or arrow keys. Puck key `CoverflowCarouselBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/coverflow-carousel.tsx, https://p1-blocks.prolificdigital.io/r/coverflow-carousel.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/coverflow-carousel.react.md - [Thumbnail Gallery](https://p1-blocks.prolificdigital.io/r/gallery-thumbnails.md): A large captioned photo stage over a thumbnail strip; each new photo rises out of its thumbnail. Shows a 3 / 12 count. Puck key `GalleryThumbnailsBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/gallery-thumbnails.tsx, https://p1-blocks.prolificdigital.io/r/gallery-thumbnails.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/gallery-thumbnails.react.md - [Horizontal Scroll Story](https://p1-blocks.prolificdigital.io/r/scroll-horizontal.md): Big-number story chapters that pin and slide sideways as the page scrolls, with a progress line. Stacks on phones. Puck key `ScrollHorizontalBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/scroll-horizontal.tsx, https://p1-blocks.prolificdigital.io/r/scroll-horizontal.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/scroll-horizontal.react.md - [Stacked Cards](https://p1-blocks.prolificdigital.io/r/stacked-cards.md): A hand-dealt pile of cards: fling the top one aside or press next to toss it to the back while the rest spring up. Puck key `StackedCardsBlock`. Needs: gsap. Source: https://p1-blocks.prolificdigital.io/r/stacked-cards.tsx, https://p1-blocks.prolificdigital.io/r/stacked-cards.client.tsx. React edition: https://p1-blocks.prolificdigital.io/r/stacked-cards.react.md