ActiveAnimated components17
@payload-components
Animated components · MIT · data updated 2026-07-28
MIT registry of typed Payload CMS blocks for Payload v3 + Next.js. Each block installs as reviewable source; the companion CLI also wires collection config, RenderBlocks, types, and the admin import map.
animationbackgroundsblocksbuttonscardscmsdashboardformsiconsmapsmarketingmediatables
Install
npx shadcn@latest add https://www.payload-components.xyz/r/registry.jsonHealth
StatusActive
Last commit2 weeks ago
LicenseMIT
Open issues51
ArchivedNo
Stars17
Components (67)
hero-basichero-videohero-product-tilthero-aurorahero-kineticfeature-grid-basicfeature-splitfeature-bentofeature-stepsfeature-accordionfeature-cards-mediafeature-icon-gridembed-basiclogo-cloud-gridlogo-cloud-hoverlogo-cloud-marqueelogo-cloud-inlinelogo-cloud-inline-wrapcontent-columnscontent-image-leadcontent-feature-mediacontent-feature-splitcontent-showcasecontent-quotecontent-communityintegration-gridintegration-clusterintegration-splitintegration-connectintegration-orbitintegration-listintegration-marqueeintegration-testimonialcontent-split-rowscontent-rowscontent-image-framecontent-statscontent-listcontent-list-columnscontent-list-iconscall-to-action-centeredcall-to-action-boxedcall-to-action-signupcontact-routing-formteam-rosterteam-gridfaq-accordionfaq-splitfaq-cardfaq-iconsfaq-groupedfaq-gridcomparator-tablecomparator-gridcomparator-stacktestimonials-quotetestimonials-spotlighttestimonials-gridtestimonials-ratingtestimonials-bento
Components: hero-basic, hero-video, hero-product-tilt, hero-aurora, hero-kinetic, feature-grid-basic, feature-split, feature-bento, feature-steps, feature-accordion, feature-cards-media, feature-icon-grid, embed-basic, logo-cloud-grid, logo-cloud-hover, logo-cloud-marquee, logo-cloud-inline, logo-cloud-inline-wrap, content-columns, content-image-lead, content-feature-media, content-feature-split, content-showcase, content-quote, content-community, integration-grid, integration-cluster, integration-split, integration-connect, integration-orbit, integration-list, integration-marquee, integration-testimonial, content-split-rows, content-rows, content-image-frame, content-stats, content-list, content-list-columns, content-list-icons, call-to-action-centered, call-to-action-boxed, call-to-action-signup, contact-routing-form, team-roster, team-grid, faq-accordion, faq-split, faq-card, faq-icons, faq-grouped, faq-grid, comparator-table, comparator-grid, comparator-stack, testimonials-quote, testimonials-spotlight, testimonials-grid, testimonials-rating, testimonials-bento, testimonials-wall, stats-proof, pricing-cards, pricing-cards-muted, pricing-cards-cta, pricing-split, pricing-enterprisePreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@payload-components · hero-basic
npx shadcn@latest add https://www.payload-components.xyz/r/hero-basic.jsonView source