Animated componentspro available
@blockforge
Animated components · data updated 2026-09-05
170+ production-grade shadcn/ui blocks, forged to ship. Full source in TypeScript + Tailwind CSS, plus a page builder and starter pages. Copy, paste, ship.
animationauthblocksbuttonscardscmsdeveloper-toolse-commerceeditorformsiconsmapsmarketingmediamobileonboardingoverlayspro-availableretro
Install
npx shadcn@latest add https://blockforge.terravidhal.me/r/registry.jsonHealth
StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—
Components (131)
hero-centeredhero-splithero-simplepricing-spec-sheetpricing-tierspricing-simplecta-bannercta-boxedcta-minimaltestimonials-gridtestimonial-featuredfooter-columnsfooter-minimalhero-terminalbento-product-gridbento-feature-cellsfaq-accordionfaq-columnscontact-splitcontact-minimalblog-featured-gridblog-listheader-simpleheader-statusstats-hairlinestats-panellogos-marqueetestimonial-spotlightabout-storyabout-valuesteam-gridteam-hiringhow-stepshow-timelinebanner-announcementbanner-countdownlogin-cardlogin-splitfeatures-listfeatures-comparisonapp-showcasecoverage-mapgallery-showcasegallery-gridintegrations-gridintegrations-hubcta-newslettercontact-officestimeline-roadmaptimeline-milestonesnewsletter-splitnewsletter-inlinehero-metricshero-waitlistpricing-comparisonbento-showcasetestimonials-marqueecta-downloadfooter-newsletterlogos-grid
Components: hero-centered, hero-split, hero-simple, pricing-spec-sheet, pricing-tiers, pricing-simple, cta-banner, cta-boxed, cta-minimal, testimonials-grid, testimonial-featured, footer-columns, footer-minimal, hero-terminal, bento-product-grid, bento-feature-cells, faq-accordion, faq-columns, contact-split, contact-minimal, blog-featured-grid, blog-list, header-simple, header-status, stats-hairline, stats-panel, logos-marquee, testimonial-spotlight, about-story, about-values, team-grid, team-hiring, how-steps, how-timeline, banner-announcement, banner-countdown, login-card, login-split, features-list, features-comparison, app-showcase, coverage-map, gallery-showcase, gallery-grid, integrations-grid, integrations-hub, cta-newsletter, contact-offices, timeline-roadmap, timeline-milestones, newsletter-split, newsletter-inline, hero-metrics, hero-waitlist, pricing-comparison, bento-showcase, testimonials-marquee, cta-download, footer-newsletter, logos-grid, hero-video, hero-editorial, hero-app, pricing-usage, pricing-enterprise, bento-stats, bento-mobile, integrations-orbit, video-chapters, video-testimonial, blog-magazine, blog-author, contact-booking, faq-cards, features-beam, hero-rotating, app-shell, app-command, app-settings, changelog-list, error-404, empty-state, header-mega, footer-big, stats-cards, faq-split, login-otp, banner-cookie, hero-flux, careers-listings, careers-perks, team-spotlight, video-grid, gallery-masonry, pricing-toggle, app-onboarding, dev-contributions, dev-achievements, dev-profile, dev-stack, dev-activity, dev-now, dev-badges, dev-snake, page-saas-landing, page-dev-tool, page-startup-launch, page-pricing-page, page-portfolio, page-agency, page-blog-home, page-waitlist, page-about-page, page-careers, page-product-tour, page-campaign-launch, page-corporate, page-auth-pages, page-ecommerce-drop, page-changelog, page-content-hub, page-mobile-app, page-roadmap, page-launch-week, page-platform-overview, page-community-event, page-developer-portfolio, template-meridian, template-folio, template-ledger, template-foundryPreview
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.
@blockforge · hero-centered
npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-centered.jsonView source