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.
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.
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.
- 01
Copy the file
Open any block, hit Copy code, and save it as components/puck/<slug>-block.tsx in your P1 project.
- 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.
- 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.