ActiveAnimated components0
@facade
Animated components · MIT · data updated 2026-10-10
Accessible sections and page templates for marketing websites: heroes, feature grids, pricing tables, FAQs and footers. Built with Base UI and Tailwind CSS v4.
accessibilityanimationblocksbuttonscardsdesign-systemformshooksiconsmarketingnavigationoverlayspaymentstablestheming
Install
npx shadcn@latest add https://facadeui.dev/r/registry.jsonHealth
StatusActive
Last commit3 days ago
LicenseMIT
Open issues3
ArchivedNo
Stars0
Components (122)
tokensthemesutilstypesmotion-primitivesbuttonbadgeheadingeyebrowcontainersectionsection-headercta-groupstatlogo-markfeature-icontestimonialpricing-tierinputselectnav-tophero-centeredhero-centered-motionhero-splithero-split-motionhero-with-mediahero-with-media-motionlogo-cloudlogo-cloud-motionusp-listusp-list-motionfeature-gridfeature-grid-motionfeature-rowsfeature-rows-motionbento-gridbento-grid-motionfaq-accordionfaq-accordion-motioncta-bandcta-band-motionfooterstatsstats-motiontestimonials-gridtestimonials-grid-motiontestimonial-singlepricing-tierspricing-tiers-motionpricing-comparisoncard-listcard-list-motionfeature-tabsstepssteps-motionteamteam-motionnewsletterbannernav-side
Components: tokens, themes, utils, types, motion-primitives, button, badge, heading, eyebrow, container, section, section-header, cta-group, stat, logo-mark, feature-icon, testimonial, pricing-tier, input, select, nav-top, hero-centered, hero-centered-motion, hero-split, hero-split-motion, hero-with-media, hero-with-media-motion, logo-cloud, logo-cloud-motion, usp-list, usp-list-motion, feature-grid, feature-grid-motion, feature-rows, feature-rows-motion, bento-grid, bento-grid-motion, faq-accordion, faq-accordion-motion, cta-band, cta-band-motion, footer, stats, stats-motion, testimonials-grid, testimonials-grid-motion, testimonial-single, pricing-tiers, pricing-tiers-motion, pricing-comparison, card-list, card-list-motion, feature-tabs, steps, steps-motion, team, team-motion, newsletter, banner, nav-side, saas-landing, agency, product-launch, examples-content, agency-demo, badge-demo, banner-demo, bento-grid-motion-demo, bento-grid-demo, button-demo, card-list-motion-demo, card-list-demo, container-demo, cta-band-motion-demo, cta-band-demo, cta-group-demo, eyebrow-demo, faq-accordion-motion-demo, faq-accordion-demo, feature-grid-motion-demo, feature-grid-demo, feature-icon-demo, feature-rows-motion-demo, feature-rows-demo, feature-tabs-demo, footer-demo, heading-demo, hero-centered-motion-demo, hero-centered-demo, hero-split-motion-demo, hero-split-demo, hero-with-media-motion-demo, hero-with-media-demo, logo-cloud-motion-demo, logo-cloud-demo, logo-mark-demo, motion-primitives-demo, nav-side-demo, nav-top-demo, newsletter-demo, pricing-comparison-demo, pricing-tier-demo, pricing-tiers-motion-demo, pricing-tiers-demo, product-launch-demo, saas-landing-demo, section-header-demo, section-demo, select-demo, stat-demo, stats-motion-demo, stats-demo, steps-motion-demo, steps-demo, team-motion-demo, team-demo, testimonial-single-demo, testimonial-demo, testimonials-grid-motion-demo, testimonials-grid-demo, usp-list-motion-demo, usp-list-demoPreview
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.