Skip to content

Open-source parts for Pantheon Content Publisher

Blocks for P1.
Copy, paste, publish.

Responsive, accessible Puck components that drop straight into any P1 starter kit, with editor fields included, and the same blocks as plain React for any Tailwind project. Sections, sets for universities, nonprofits and cities, dashboard widgets that bind to P1 data sources, and WebGPU effects. Grab the code, or hand it to your coding agent.

blocks
260
zero-dependency
230
categories
18

Catalog

260 blocks

  • 01 / Heroes

    Hero — Split

    Headline, supporting copy and two calls to action beside a large photo. Image side is switchable.

  • 02 / Heroes

    Hero — Centered

    Centered statement hero with an announcement pill, two calls to action and an optional patterned backdrop.

  • 03 / Heroes

    Image Overlay Hero

    Full-bleed photo with an adjustable gradient scrim, headline and buttons anchored bottom-left, and an optional photo credit.

  • 04 / Heroes

    Search Hero

    Portal front door with one large GET search box and popular-search links, built for city and campus sites.

  • 05 / Heroes

    Stats Hero

    Headline and calls to action over a wide photo, with three or four sourced key figures docked on its bottom edge.

  • 06 / Heroes

    Collage Hero

    Copy beside an asymmetric, overlapping three-photo mosaic with an optional round stamp badge.

  • 07 / Heroes

    Form Hero

    Headline and checklist beside a real sign-up form with name, email and interest dropdown that posts to your handler.

  • 08 / Heroes

    Typographic Hero

    Image-free oversized statement with one asterisk-marked phrase in the accent color and a ruled row of facts.

  • 09 / Heroes

    Event Hero

    One event up front: calendar-page date stamp over a photo, time, location, cost, register and add-to-calendar links.

  • 10 / Heroes

    Donate Hero

    Mission line beside a no-JS donation form with preset amount cards, an other-amount field and one-time or monthly choice.

  • 11 / Heroes

    Quick Links Hero

    Photo hero with three or four task cards straddling its bottom edge, so top destinations are one tap away.

  • 12 / Heroes

    Angled Hero

    Copy beside an edge-to-edge photo cut on a diagonal with an accent band tracing the cut; image side flips.

  • 13 / Content

    Feature Grid

    Programs, services or benefits as an icon grid in two, three or four columns.

  • 14 / Content

    Content + Image

    Editorial text with a checklist and link beside a captioned image. The workhorse section.

  • 15 / Content

    Steps

    A numbered how-it-works process, horizontal or vertical, with an optional call to action.

  • 16 / Content

    Timeline

    History and milestones as an ordered timeline. Good for about pages and annual reports.

  • 17 / Content

    FAQ Accordion

    Questions that expand in place on native <details>. No JavaScript, fully keyboard accessible.

  • 18 / Content

    Story Cards

    News, stories or blog posts as image cards with whole-card click targets and no nested links.

  • 19 / Content

    Bento Grid

    An asymmetric mosaic of five to seven small, wide and tall tiles with optional photos, tones and links.

  • 20 / Content

    Zigzag Features

    Numbered rows that alternate photo and text sides to walk readers through a program or process.

  • 21 / Content

    Comparison Table

    Compare two to four plans or options feature by feature in a real table with a pinned first column.

  • 22 / Content

    Article with Contents

    A long-form article in titled sections with a sticky table of contents on desktop and a collapsible one on phones.

  • 23 / Content

    Glossary

    Terms sorted A–Z and grouped by letter, with jump links, cross-references and definition-list markup.

  • 24 / Content

    Video Embed

    Paste a YouTube or Vimeo link for a lazy-loaded, privacy-friendly player with caption and transcript link.

  • 25 / Content

    Callout Box

    An inline note, tip or important notice with a visible label, icon and optional link.

  • 26 / Content

    Image Gallery

    A captioned photo grid where each photo opens a full-screen view with next, previous and close links, no JavaScript.

  • 27 / Content

    Icon List

    A two- or three-column checklist of benefits or inclusions marked with one chosen icon.

  • 28 / Content

    Long-form Text

    Editorial prose at a comfortable measure with a lead, drop cap, placed pull quote and side note.

  • 29 / Social proof

    Testimonial Spotlight

    One big, well-set pull quote with attribution, centered or beside a portrait.

  • 30 / Social proof

    Partner Logos

    Funders, partners or sponsors. Falls back to clean wordmarks when there's no logo file yet.

  • 31 / Social proof

    Impact Stats

    Headline numbers in a light or dark band, marked up as a description list.

  • 32 / Social proof

    Team Grid

    Staff, board or volunteers with photos (or initials), roles and short bios.

  • 33 / Social proof

    Testimonial Grid

    Masonry wall of short quotes with names, roles and photos, falling back to initials when there's no photo.

  • 34 / Social proof

    Rating Summary

    Overall star rating with a text equivalent, per-star distribution bars, review count, source and highlighted reviews.

  • 35 / Social proof

    Case Study Cards

    Clickable partner cards pairing the challenge they brought with one headline result metric.

  • 36 / Social proof

    Press Quotes

    In-the-news pull quotes with typeset outlet wordmarks, dates and links to the original stories.

  • 37 / Social proof

    Awards Row

    Awards and accreditations drawn as CSS seals with year, full title, issuer and an optional verification link.

  • 38 / Social proof

    Donor Wall

    Donor names grouped by giving tier in flowing columns, with gift ranges and an anonymous donor count.

  • 39 / Social proof

    Partner Spotlight

    One featured partner with a wordmark, story, sourced outcome stats and a quote card over a photo.

  • 40 / Social proof

    Video Testimonials

    Poster cards with play button and runtime badge that open each testimonial video in a new tab.

  • 41 / Social proof

    Community Voices

    Photo mosaic of neighbors with short quotes overlaid, alternating large and small tiles.

  • 42 / Social proof

    Stats Quote

    Split section pairing one oversized, sourced statistic with a pull quote that supports it.

  • 43 / Conversion

    CTA Banner

    A focused call-to-action panel in three styles, left-aligned or centered.

  • 44 / Conversion

    Newsletter Signup

    An email signup that posts to any form endpoint, with a real labelled input and no JavaScript.

  • 45 / Conversion

    Membership Tiers

    Pricing, membership or giving levels with a featured tier and feature checklists.

  • 46 / Conversion

    Fundraising Progress

    A campaign goal with an accessible progress bar and quick-give amounts.

  • 47 / Conversion

    Contact Form

    Plain HTML contact form with name, email, optional phone, topic menu and message beside a contact details sidebar.

  • 48 / Conversion

    Pricing Toggle

    Plan or membership tiers with a monthly/annual switch built from radios and CSS :has(), plus a visible savings note.

  • 49 / Conversion

    Donation Form

    Amount radio cards, other amount, one-time or monthly, and a CSS-revealed tribute field that posts to your checkout.

  • 50 / Conversion

    Event Registration

    Event summary card beside an RSVP form with party size, dietary needs and accessibility requests.

  • 51 / Conversion

    Lead Magnet

    Free guide offer with a book-style cover, a what's-inside list and an email form for the download.

  • 52 / Conversion

    CTA Split Image

    Full-bleed call to action with copy and two buttons beside a photo that runs the full section height.

  • 53 / Conversion

    Sticky CTA Bar

    Slim message-and-button bar that sticks to the bottom of the screen with CSS, for time-limited campaigns.

  • 54 / Conversion

    Share Links

    Spread-the-word panel with labelled Facebook, LinkedIn, Bluesky and email share links built as plain URLs.

  • 55 / Conversion

    Choose Path

    Two or three large clickable cards for ways to help, such as give, volunteer and advocate, each with one action.

  • 56 / Conversion

    Help CTA

    Still-need-help panel listing ways to reach a person by phone, email, chat or visit, with hours and response times.

  • 57 / Civic & utility

    Announcement Bar

    A slim full-width notice in four tones, with text labels so meaning never relies on color alone.

  • 58 / Civic & utility

    Event List

    Upcoming events with date tiles, times, locations and categories.

  • 59 / Civic & utility

    Contact & Hours

    Address, phone, email, opening hours and directions, with tel: and mailto: links built for you.

  • 60 / Civic & utility

    Resource Downloads

    Agendas, reports and forms with file type and size spoken to screen reader users.

  • 61 / Civic & utility

    Site Header

    Logo, main menu with dropdowns, a button and a skip link. Menus use native disclosure, so they work without JavaScript.

  • 62 / Civic & utility

    Mega Footer

    Site footer with link columns, address and contact, social links, a newsletter form and a legal row.

  • 63 / Civic & utility

    Breadcrumbs

    The trail from the home page to the current page, with the last step announced as the current page.

  • 64 / Civic & utility

    Pagination

    Previous, next and numbered page links with ellipses, built from the current page, page count and a URL pattern.

  • 65 / Civic & utility

    Search Results

    Search box, result count and results with type badges and highlighted matches, plus a helpful no-results state.

  • 66 / Civic & utility

    Office Locations

    A card for each office with address, phone, email, hours, directions and accessibility notes.

  • 67 / Civic & utility

    Language Links

    Links to translated versions of a page, each named in its own language with correct lang and hreflang.

  • 68 / Civic & utility

    Error 404

    A friendly page-not-found message with a search box and popular links, so a dead end becomes a next step.

  • 69 / Civic & utility

    Accessibility Statement

    Your commitment, WCAG conformance status, known issues with workarounds, and how to report a barrier.

  • 70 / Civic & utility

    Sitemap Links

    An HTML site map listing every section of the site and its pages in columns.

  • 71 / Higher ed

    Program Finder

    Degree and certificate cards showing credential, school, format and length, each card a single link.

  • 72 / Higher ed

    Admissions Deadlines

    Application rounds with deadline, decision release and a labeled open, closing soon or closed status.

  • 73 / Higher ed

    Tuition Breakdown

    Cost-of-attendance table comparing two rates, with computed totals and a net price calculator link.

  • 74 / Higher ed

    Rankings & Accolades

    Oversized ranking and outcome figures, each with what it measures and a visible source line.

  • 75 / Higher ed

    Faculty Spotlight

    A featured professor with portrait, pull quote, bio, research-area tags and selected publications.

  • 76 / Higher ed

    Academic Calendar

    Key dates for each term in side-by-side columns, entered one per line, with a full-calendar PDF link.

  • 77 / Higher ed

    Visit Campus

    Photo cards for each tour or visit option with length, schedule and booking, plus admissions contact.

  • 78 / Higher ed

    Student Outcomes

    Career outcome figures, top employers and top graduate schools, with a source line for every number.

  • 79 / Higher ed

    Department Directory

    Offices sorted A to Z and grouped by letter with a jump index, showing location, phone, email and hours.

  • 80 / Higher ed

    Application Checklist

    Requirements for each applicant type in panels where only one opens at a time, with an apply button.

  • 81 / Higher ed

    Course Catalog

    Course listings with code, credits, terms offered and prerequisites, with each full description in an expandable panel.

  • 82 / Higher ed

    Scholarship List

    Scholarships sorted by deadline, each with amount, eligibility, a renewable badge and an apply link.

  • 83 / Higher ed

    Research Centers

    Cards for research centers and labs with a photo, director, focus-area tags and a link.

  • 84 / Higher ed

    Student Life

    Student organizations grouped by category with counts and examples, beside a big explore-all call to action.

  • 85 / Higher ed

    Commencement Info

    Commencement ceremony schedule table with venue, ticket and livestream links, and an accessible seating note.

  • 86 / Higher ed

    Alumni Spotlight

    A featured graduate with photo, class year, current role, story and quote, plus sourced alumni figures.

  • 87 / Higher ed

    Campus Buildings

    An A–Z building directory with codes, departments housed, accessibility features and map links.

  • 88 / Higher ed

    Library Hours

    Opening hours for several library locations in one table, with a today note, holiday changes and contact links.

  • 89 / Higher ed

    Financial Aid Steps

    Numbered FAFSA and financial aid steps with deadlines and links, beside a Federal School Code callout.

  • 90 / Higher ed

    Athletics Schedule

    A sport's season schedule table with home or away, location, results or start times, and ticket and stream links.

  • 91 / Nonprofit

    Gift Impact

    Donation amount cards that show what each gift buys, with one highlighted amount, linking to your form.

  • 92 / Nonprofit

    Mission & Pillars

    A large mission statement with an optional vision line and auto-numbered values or program pillars.

  • 93 / Nonprofit

    Volunteer Roles

    Volunteer opportunities with time commitment, location, skill tags, spots left and an apply link.

  • 94 / Nonprofit

    Financial Transparency

    An accessible stacked bar of how funds are spent, plus links to the Form 990, audit and annual report.

  • 95 / Nonprofit

    Ways to Give

    Giving methods from monthly gifts to stock, DAFs and planned giving, with a gifts officer contact panel.

  • 96 / Nonprofit

    Impact Story

    A magazine-style story about one person you served, with large photo, drop cap, margin stat and pull quote.

  • 97 / Nonprofit

    Needs Wishlist

    In-kind needs sorted urgent first with labeled status, drop-off address and hours, and a wishlist link.

  • 98 / Nonprofit

    Theory of Change

    Stages from inputs to impact as an ordered flow: left to right with arrows on desktop, stacked on phones.

  • 99 / Nonprofit

    Get Help

    Plain-language service cards (who it's for, what to bring, how to get it) with a tap-to-call help line.

  • 100 / Nonprofit

    Featured Event

    A ticket-stub card for one signature event with date, venue, ticket or waitlist button and sponsor row.

  • 101 / Nonprofit

    Annual Report Highlights

    Year-in-review section with an oversized year, headline figures, three highlight stories and a full-report download.

  • 102 / Nonprofit

    Program Cards

    Photo cards for each program showing who it serves, one sourced outcome figure and a link to learn more.

  • 103 / Nonprofit

    Board List

    Compact board of directors roster with officers first, professional affiliations and an executive staff subsection.

  • 104 / Nonprofit

    Matching Gift

    Your-gift-doubles banner with matcher, ratio, cap, deadline, progress toward the cap and an employer-match link.

  • 105 / Nonprofit

    Tribute Gift

    Give in honor or memory of someone, with a sample e-card and a short form that hands off to your donation page.

  • 106 / Nonprofit

    Sponsorship Packages

    Event or corporate sponsorship levels with price, benefits checklist, slots remaining and a sponsorship contact card.

  • 107 / Nonprofit

    Before/After Impact

    Side-by-side before and after program figures with paired bars, a labeled change and a source line.

  • 108 / Nonprofit

    Media Room

    Newsroom section with dated press releases, a media contact card, brand asset downloads and boilerplate text.

  • 109 / Nonprofit

    Job Openings

    Careers list with department, location, employment type and a posted pay range per role, plus a benefits summary.

  • 110 / Nonprofit

    Volunteer Shifts

    Upcoming volunteer shift schedule with date, time, site, role, spots left and sign-up links, plus a group note.

  • 111 / Municipal

    Quick Tasks

    An "I want to…" grid of top online services with large tap-friendly tiles and an optional site search.

  • 112 / Municipal

    Service Status

    City services status board with last-updated time, affected count, and status as icon plus text.

  • 113 / Municipal

    Public Meetings

    Council and board meetings with agenda, packet, livestream and minutes links, plus ADA accommodation notes.

  • 114 / Municipal

    Elected Officials

    Mayor and council with office, term end, direct email and phone, and a find-your-ward link.

  • 115 / Municipal

    Collection Schedule

    Trash, recycling and yard waste days by zone in a table that stacks on phones, with holiday changes.

  • 116 / Municipal

    Permit Guide

    Permits and licenses as expandable cards with fee, processing time, required documents and how to apply.

  • 117 / Municipal

    Public Notices

    Legal notices for hearings, zoning, bids and ordinances, with type badges and comment deadlines.

  • 118 / Municipal

    Budget Snapshot

    Where tax dollars go: spending categories as sorted bars labeled with dollars and percent of total.

  • 119 / Municipal

    Project Updates

    Capital project cards with a four-step phase tracker, latest update, budget and expected completion.

  • 120 / Municipal

    Emergency Info

    A call-911 panel, tap-to-call non-emergency numbers, alert sign-up and preparedness links.

  • 121 / Municipal

    Council Districts

    Council districts or wards with neighborhoods covered, each representative's contact details and an address lookup.

  • 122 / Municipal

    Utility Rates

    Water, sewer and trash rate tables by tier, with the effective date, a pay-your-bill link and bill assistance.

  • 123 / Municipal

    Parks Directory

    Park cards with photos, labeled amenity icons, hours, address and a directions link.

  • 124 / Municipal

    Road Closures

    Current road closures and detours with cross streets, dates, reason and a labeled severity.

  • 125 / Municipal

    Voter Info

    Election day, key deadlines, early voting sites, what to bring, sample ballot and accessible voting options.

  • 126 / Municipal

    City Jobs

    Open city job postings with department, pay range, schedule, closing date and an equal opportunity statement.

  • 127 / Municipal

    Report an Issue

    A 311-style guide to reporting a problem, with common issue links, phone and app options, and what happens next.

  • 128 / Municipal

    Recreation Programs

    A seasonal program catalog with ages, schedules, resident and non-resident fees, and register or waitlist links.

  • 129 / Municipal

    Open Data Catalog

    A table of public datasets with department, update frequency, last updated date and download formats.

  • 130 / Municipal

    Boards & Commissions

    Resident boards with purpose, meeting schedule, seat count and open vacancies called out with an apply link.

  • 131 / Parks & rec

    Facility Rentals

    Shelters and rooms for rent with photo, capacity, amenities, resident rates, hours, deposit, booking link and policies.

  • 132 / Parks & rec

    Amenity Matrix

    Find a park by amenity: a parks-by-amenities table with check marks and a sticky park column that scrolls on phones.

  • 133 / Parks & rec

    Park Rules

    Park hours, rules grouped by topic with icons and ordinance references, and a report-a-violation contact panel.

  • 134 / Parks & rec

    Park Map Legend

    A park map with numbered markers placed by percentage, a matching accessible legend, and a PDF download link.

  • 135 / Parks & rec

    Availability Grid

    A weekly table of fields, courts and rooms showing Open, Booked or Closed each day, with opt-in status colors.

  • 136 / Parks & rec

    Camp Finder

    Summer and break camps grouped by age, with weeks, hours, prices, extended care, spots left and a financial aid callout.

  • 137 / Parks & rec

    Activity Guide

    The season's program guide: cover, registration dates by residency, browse, PDF and print links, and highlights.

  • 138 / Parks & rec

    Rec Center Passes

    Pass prices by type and age group in a resident and non-resident fee table, with what's included and discounts.

  • 139 / Parks & rec

    Pool Schedule

    Today's pool status, a days-by-sessions swim table, closures, the weather policy and a swim lessons link.

  • 140 / Parks & rec

    Registration Help

    Numbered sign-up steps, what you'll need, fee assistance, the refund policy and who to call for help.

  • 141 / Parks & rec

    Trail Guide

    Trails as cards or rows with distance, difficulty by shape and word, surface, elevation, accessibility, dogs, trailhead and GPX.

  • 142 / Parks & rec

    Field Conditions

    Today's status for fields, courts, trails, pools and rinks, with counts by status and a rain-out hotline.

  • 143 / Parks & rec

    League Standings

    Division standings tables that compute winning percentage and games behind, sort teams, and add rain-out info.

  • 144 / Parks & rec

    Adopt-a-Park

    A stewardship program pitch: adopters count, steps, commitment, perks, sites open for adoption and an apply link.

  • 145 / Parks & rec

    Community Input

    Master plan engagement: phase timeline, input sessions, a survey with closing date, themes heard and accommodations.

  • 146 / Foundations

    Grant Opportunities

    Open funding cycles sorted by deadline, with focus area, award range, labeled cycle status, eligibility and RFP links.

  • 147 / Foundations

    Eligibility Check

    Are-we-a-fit checklist of native checkboxes that reveals next steps via CSS :has() once every box is checked.

  • 148 / Foundations

    Funding Priorities

    Focus areas with a goal statement, what we fund and don't fund, typical grant size and a program officer contact.

  • 149 / Foundations

    Grants Awarded

    Accessible table of awarded grants with grantee, program, amount, year and purpose, a computed total and CSV link.

  • 150 / Foundations

    Application Timeline

    Grant cycle steps from letter of inquiry to payment with dates, completed steps and the current step marked.

  • 151 / Foundations

    Grantee Stories

    Story cards for funded organizations with grant purpose, a sourced outcome figure, a photo and a read-more link.

  • 152 / Foundations

    Giving Totals

    Headline giving figures plus a by-focus-area bar list with computed shares and a visible source line.

  • 153 / Foundations

    Named Funds

    Directory of named and donor funds grouped by type with jump links, purpose, year established and give links.

  • 154 / Foundations

    Donor-Advised Funds

    Explains donor-advised funds in three steps, with a fees table, a cited private foundation comparison and contact.

  • 155 / Foundations

    LOI Form

    Letter of inquiry form with EIN, contact, program area, request amount, summary guidance and what happens next.

  • 156 / K-12

    School Finder

    Schools grouped by level with grades, principal, address, phone and website, plus level jump links and an address lookup.

  • 157 / K-12

    Bell Schedule

    Period start and end times with a CSS-only switch between regular, early release and late start days, lunches highlighted.

  • 158 / K-12

    Lunch Menu

    A week of school lunches by day with sides, vegetarian options and allergen badges, plus a free meals application link.

  • 159 / K-12

    District Calendar

    Key school-year dates by month with text type badges for breaks and early release, plus iCal subscribe and PDF links.

  • 160 / K-12

    Enrollment Steps

    Numbered new-student enrollment steps beside a documents checklist, kindergarten age note, office hours and language help.

  • 161 / K-12

    Closings Alert

    Today's open, delayed, closed or remote status with icon and words, a message, update time and notes for buses and programs.

  • 162 / K-12

    Bus Routes

    School bus routes with schools served, first pickup and expandable stop lists, plus a stop finder and transportation contact.

  • 163 / K-12

    Staff Directory

    Staff grouped by department and sorted by last name, with roles, email and tap-to-call extensions, plus department jump links.

  • 164 / K-12

    School Board

    Board of education members with seats and terms, a next-meeting card with agenda link, public comment steps and archive.

  • 165 / K-12

    Achievement Data

    Graduation, attendance and subject proficiency as labeled bars compared with district and state, with a table view and source.

  • 166 / Libraries

    Catalog Search

    A catalog search panel that submits to your catalog with an optional format filter, quick links and an Ask a librarian link.

  • 167 / Libraries

    New Arrivals

    A shelf of new titles with covers, authors and format badges that swipes sideways on phones and links to the catalog.

  • 168 / Libraries

    Library Card

    Get a library card: who's eligible, what to bring, what a card unlocks, an apply link and an illustrated card.

  • 169 / Libraries

    Branch Services

    Library branches with address and hours, plus a services table with check marks that scrolls accessibly on phones.

  • 170 / Libraries

    Storytime Schedule

    Weekly kids' storytimes grouped by age with jump links, day, time, branch and a plain-text registration note.

  • 171 / Libraries

    Digital Resources

    A grid of e-resources by category, each with a description, an at-home access note and a link, plus a tech-help banner.

  • 172 / Libraries

    Room Booking

    Meeting and study rooms with capacity, equipment, accessibility and cost, a book link each, and rules in a toggle.

  • 173 / Libraries

    Book Club

    This month's book club pick with cover, discussion details, copy pickup note, discussion questions and upcoming picks.

  • 174 / Libraries

    Reading Challenge

    A summer reading challenge with dates, tracks by age, how-it-works steps, prizes and an accessible community progress bar.

  • 175 / Libraries

    Makerspace Equipment

    A makerspace tool catalog with certification status, reservation length, material costs and book or certify links.

  • 176 / Health

    Find a Clinic

    Clinic cards with services, address, phone, hours, walk-in status, languages, accessibility notes and directions.

  • 177 / Health

    Care Options

    Where to go for care: primary, video, urgent and emergency, with common examples, wait and cost cues, and a 911 line.

  • 178 / Health

    Provider Directory

    Providers grouped by specialty with jump links, credentials, clinic, languages and a new-patient badge.

  • 179 / Health

    Vaccine Clinics

    Upcoming vaccine clinics with date tiles, time, place, vaccines, ages, cost, walk-in status and booking.

  • 180 / Health

    Insurance Accepted

    Accepted plans grouped by type, a sliding fee scale table by income, and a call-us box for coverage questions.

  • 181 / Health

    Health Alert

    A public health advisory with level, what's happening, steps to take, who's at higher risk and a 911 line.

  • 182 / Health

    Patient Portal

    Patient portal call to action: what you can do online, sign-in and enroll buttons, app note and help line.

  • 183 / Health

    Public Health Data

    Three or four health indicators with county-vs-state bars, comparison and trend notes, and a source line.

  • 184 / Health

    Community Programs

    Health programs with who they serve, cost, how to enroll and who to contact, in easy-to-scan rows.

  • 185 / Health

    Price Estimate

    Typical self-pay prices for common services in an accessible table, a disclaimer and an estimate request box.

  • 186 / Arts & culture

    Exhibitions List

    Current shows as large editorial spreads, upcoming in a staggered grid, past in a ruled index, with status spelled out.

  • 187 / Arts & culture

    Visit Info

    Plan-your-visit guide with hours and admission tables, free days, parking, transit, access services and a ticket link.

  • 188 / Arts & culture

    Collection Highlights

    Salon-hung artworks with true museum wall labels: artist, italic title, medium, dimensions, credit line, accession.

  • 189 / Arts & culture

    Artist Spotlight

    Magazine-style artist feature with portrait, bio, oversized statement quote, selected works and dated appearances.

  • 190 / Arts & culture

    Performance Season

    Season lineup grouped by month with company, dates, hall, genre, prices, seat availability text and ticket links.

  • 191 / Arts & culture

    Seating Chart

    SVG venue plan with patterned indigo price zones, a matching price table and accessible seating details.

  • 192 / Arts & culture

    Field Trips

    School programs led by big grade bands, with length, group size, cost, curriculum links, booking steps and bus note.

  • 193 / Arts & culture

    Audio Tour

    Numbered self-guided tour stops with optional native audio, transcripts in disclosures and a phone dial-in panel.

  • 194 / Arts & culture

    Call for Artists

    Poster-style open call with deadline stamp, fee, eligibility, jurors, prizes, materials checklist, timeline and submit link.

  • 195 / Arts & culture

    Venue Rental

    Rentable spaces with large standing and seated capacities, catering and AV notes, and a no-JS inquiry form.

  • 196 / Tourism

    Things to Do

    Magazine-spread photo tiles for activity categories, each with a place count and a link into the listings.

  • 197 / Tourism

    Trip Itinerary

    A multi-day plan of time-blocked stops on a vertical timeline, with neighborhoods, local tips and a print link.

  • 198 / Tourism

    Festival Lineup

    A festival header, a CSS-only day switcher of stage-by-stage set times, ticket tiers and getting-there notes.

  • 199 / Tourism

    Where to Stay

    Lodging listings grouped by type with jump links, photos, price bands, amenity tags and booking links.

  • 200 / Tourism

    Dining Guide

    Restaurants grouped by cuisine with price bands, dietary options, hours, menu links and a Locally owned badge.

  • 201 / Tourism

    Neighborhood Guides

    Alternating photo-led district profiles with a vibe tagline, best-for tags, three top picks and an explore link.

  • 202 / Tourism

    Visitor Center

    Welcome center hours, address, services and contacts, plus a form to request a mailed visitor guide.

  • 203 / Tourism

    Getting Here

    Arrival by air, car, train, bus and bike, a travel-time table, parking garages and local transit notes.

  • 204 / Tourism

    Passport Program

    A local deals trail: how it works, participating stops and offers, prize tiers by check-ins and fine print.

  • 205 / Tourism

    Seasonal Highlights

    Four staggered season panels with a photo, top experiences, typical weather and a link to each season's events.

  • 206 / Dashboards

    Dashboard Grid

    The layout for dashboard widgets: a titled section with a drop zone that arranges widgets in 1–4 columns.

  • 207 / Dashboards

    KPI Card

    One headline metric with change vs. a prior period and a sparkline. Every value binds to a P1 data source.

  • 208 / Dashboards

    Data Table

    A report table with auto right-aligned numeric columns, status badges, and a scrollable captioned layout.

  • 209 / Dashboards

    Leaderboard

    A ranked list sorted highest first, with proportional bars, top-three emphasis and an optional top-N limit.

  • 210 / Dashboards

    Progress Goals

    Labelled progress bars for several goals showing current of target and percent, with exceeded goals marked.

  • 211 / Dashboards

    Gauge Meter

    A semicircle gauge with up to three named bands, showing the value and its band as text.

  • 212 / Dashboards

    Funnel Chart

    A conversion funnel with counts, share of the first stage, step conversion and the biggest drop-off called out.

  • 213 / Dashboards

    Uptime Status

    A status-page widget: overall banner, per-service status and uptime, and a bar for each day of history.

  • 214 / Dashboards

    Activity Feed

    Recent gifts, sign-ups, updates, alerts and milestones on a vertical timeline with a view-all link.

  • 215 / Dashboards

    Period Comparison

    This period against the last, metric by metric, with absolute and percent change worked out for you.

  • 216 / Dashboards

    Live Metric

    One number that refreshes in the visitor's browser from a public JSON endpoint, with a server-rendered fallback.

  • 217 / Dashboards

    Line Chart

    Trend lines for up to three series with each series' latest value in the legend and a data table for screen readers.

  • 218 / Dashboards

    Bar Chart

    Compare categories as columns or a labelled bar list, with optional sorting and a target line.

  • 219 / Dashboards

    Donut Chart

    How a total breaks down, with the total in the center and values and percentages in the legend.

  • 220 / Dashboards

    Heatmap Calendar

    A year of daily activity as a week-by-day grid, with total, active days and busiest day worked out.

  • 221 / Dashboards

    Stacked Area Chart

    Two to four series stacked over time, with a legend of each series' latest value and the running total.

  • 222 / Dashboards

    Scatter Plot

    Plot items on two measures with optional dot sizes, a least-squares trend line and labelled outliers.

  • 223 / Dashboards

    Sparkline Table

    A compact metrics table with each row's current value, percent change and an inline trend line.

  • 224 / Dashboards

    Stacked Bar Chart

    Break each category into up to four segments, shown as amounts or as a 100% share.

  • 225 / Dashboards

    Bullet Chart

    Compact gauges showing each measure's actual value against a target and poor, fair and good bands.

  • 226 / Dashboards

    Waterfall Chart

    Walk from a starting value through each increase and decrease to a calculated ending total.

  • 227 / Dashboards

    Radial Progress

    One to four ring gauges side by side, each showing progress toward its target.

  • 228 / Dashboards

    Metric Grid

    Up to nine small stats with changes in one dense card for an at-a-glance overview.

  • 229 / Dashboards

    Milestone Tracker

    Project milestones with due dates, written status labels and an overall percent-complete bar.

  • 230 / Dashboards

    Alerts Panel

    Threshold alerts listed by severity with icons, times and action links, or an all-clear state.

  • 231 / GPU effects

    Aurora Hero

    A hero over slow, GPU-rendered aurora curtains in your brand colors, with a matching CSS fallback.

  • 232 / GPU effects

    Mesh Gradient CTA

    A rounded call-to-action panel over a slowly morphing, grainy four-color mesh gradient in your brand colors.

  • 233 / GPU effects

    Topographic Section

    A content section with key figures over drifting contour lines. Built for land trusts, parks and trails.

  • 234 / GPU effects

    Flow Field Banner

    A slim announcement band or section divider over flowing curl-noise light streaks in two brand colors.

  • 235 / GPU effects

    Spotlight Grid

    Program cards over a GPU dot field that swells and takes on your accent color wherever the pointer moves.

  • 236 / GPU effects

    Dither Hero

    A retro two-color ordered-dither hero whose light source follows the pointer. Bold for arts and campus pages.

  • 237 / GPU effects

    Density Map

    A stylized where-we-work heat map: weighted places glow with contour bands, mirrored as an accessible list.

  • 238 / GPU effects

    Liquid Progress

    A fundraising meter: a vessel filled to your goal with a live GPU liquid surface, bindable totals and full ARIA.

  • 239 / GPU effects

    Metaball Stats

    Up to five impact figures as soft merging GPU blobs sized by value, mirrored as a semantic list.

  • 240 / GPU effects

    Sky Time Banner

    A park or city banner whose GPU sky follows the visitor's local time: dawn, day, dusk or night.

  • 241 / GPU effects

    Wave Lines Hero

    Hero over a ribbon of fine, undulating parallel lines with a two-color gradient, drawn live on the GPU.

  • 242 / GPU effects

    Starfield Section

    Heading, body and key figures over a slow parallax starfield with twinkle and a soft nebula.

  • 243 / GPU effects

    Voronoi Mosaic

    Stats section on solid cards over slowly shifting stained-glass panes in three brand colors.

  • 244 / GPU effects

    Caustics Pool

    Aquatic center hero with shimmering pool caustics over a tiled floor, today's hours and a CTA.

  • 245 / GPU effects

    Grain Blob CTA

    Call-to-action panel over drifting brand-color blobs and heavy film grain, with light or dark text.

  • 246 / GPU effects

    Constellation Network

    Partner or community section beside a live network of drifting nodes that link up and brighten under the pointer.

  • 247 / GPU effects

    Halftone Band

    Full-width quote or announcement band framed by a moving two-color halftone dot screen.

  • 248 / GPU effects

    Fireflies Banner

    Evening-event banner with a dusk sky, tree line and blinking fireflies, plus event details and a call to action.

  • 249 / GPU effects

    Sunburst Celebration

    Goal-reached section whose sunburst turns and confetti falls only once the raised amount meets the goal.

  • 250 / GPU effects

    Data Wave Bars

    Showcase chart of up to 12 bindable values as glowing, breathing bars, with every figure listed as text.

  • 251 / Carousels

    Card Carousel

    Story or program cards you can drag and flick with momentum, snapping card to card, with arrows and a progress rule.

  • 252 / Carousels

    Logo Marquee

    An endless, slow-drifting row of partner logos that eases to a stop on hover, focus or its Pause button.

  • 253 / Carousels

    Testimonial Carousel

    One large quote at a time, crossfading with a soft lift, picked from a row of avatar tabs. Rotation is optional.

  • 254 / Carousels

    News Ticker

    A slim bar of linked headlines or alerts that roll vertically one at a time, with previous/next and optional rotation.

  • 255 / Carousels

    Timeline Carousel

    Your history as a draggable panel of milestones synced to a year scrubber whose marker glides to the active year.

  • 256 / Carousels

    Hero Slideshow

    Full-bleed photo slides that crossfade with a slow Ken Burns push, staggered copy, a counter and optional pausable rotation.

  • 257 / Carousels

    Coverflow Carousel

    Image cards fanned out in 3D around a spotlit center card with its caption. Drag, throw, buttons or arrow keys.

  • 258 / Carousels

    Thumbnail Gallery

    A large captioned photo stage over a thumbnail strip; each new photo rises out of its thumbnail. Shows a 3 / 12 count.

  • 259 / Carousels

    Horizontal Scroll Story

    Big-number story chapters that pin and slide sideways as the page scrolls, with a progress line. Stacks on phones.

  • 260 / Carousels

    Stacked Cards

    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.

Install

Three steps.
No package.

Blocks are source you own, not a dependency you track. Paste one in, register it, and it's yours to restyle.

  1. 01

    Copy the file

    Open any block, hit Copy code, and save it as components/puck/<slug>-block.tsx in your P1 project.

  2. 02

    Register it

    Import the block in puck.config.tsx, add it under components, and list it in a category so editors can find it.

  3. 03

    Sync and publish

    Run your registry sync (or let CI do it). The block appears in the P1 editor with its fields and defaults ready to go.

Using Claude Code, Cursor or Codex?

Every block ships with a ready-made agent brief, and the whole catalog is at /llms.txt.

View llms.txt