ActiveAnimated componentspro available6
@navui
Animated components · MIT · data updated 2026-09-05
shadcn-compatible components, blocks, and illustrations that adapt to your existing design configuration.
animationauthblocksbuttonscardschartscmsiconsmarketingnavigationpaymentspro-available
Install
npx shadcn@latest add https://ui.navdeepsingh.dev/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues0
ArchivedNo
Stars6
Components (62)
animated-numbersanimated-tabsapproval-panelblog-section-onecontact-section-fourcontact-section-onecontact-section-threecontact-section-twocontent-section-fivecontent-section-fourcontent-section-onecontent-section-threecontent-section-twocontribution-graphcta-section-onedesigned-for-focus-illustrationexpandable-cardfaq-section-onefaq-section-threefaqs-section-twofast-by-default-illustrationflexible-at-scale-illustrationfooter-section-onefooter-section-twoforgot-password-oneforgot-password-threeforgot-password-twoheader-fourheader-oneheader-threeheader-twohero-section-fourhero-section-onehero-section-threehero-section-twokeyboard-shortcutlogo-cloud-fivelogo-cloud-fourlogo-cloud-onelogo-cloud-threelogo-cloud-twomagnetic-buttonmatching-panelpackage-manager-commandpayment-cardpricing-section-oneproximity-navrail-navreceipt-panelrelease-workflow-illustrationreport-panelrevision-cycles-illustrationsegment-spotlightsign-up-onesign-up-twostats-section-oneteams-section-fiveteams-section-fourteams-section-oneteams-section-three
Components: animated-numbers, animated-tabs, approval-panel, blog-section-one, contact-section-four, contact-section-one, contact-section-three, contact-section-two, content-section-five, content-section-four, content-section-one, content-section-three, content-section-two, contribution-graph, cta-section-one, designed-for-focus-illustration, expandable-card, faq-section-one, faq-section-three, faqs-section-two, fast-by-default-illustration, flexible-at-scale-illustration, footer-section-one, footer-section-two, forgot-password-one, forgot-password-three, forgot-password-two, header-four, header-one, header-three, header-two, hero-section-four, hero-section-one, hero-section-three, hero-section-two, keyboard-shortcut, logo-cloud-five, logo-cloud-four, logo-cloud-one, logo-cloud-three, logo-cloud-two, magnetic-button, matching-panel, package-manager-command, payment-card, pricing-section-one, proximity-nav, rail-nav, receipt-panel, release-workflow-illustration, report-panel, revision-cycles-illustration, segment-spotlight, sign-up-one, sign-up-two, stats-section-one, teams-section-five, teams-section-four, teams-section-one, teams-section-three, teams-section-two, workflow-deskPreview
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.
@navui · animated-numbers
npx shadcn@latest add https://ui.navdeepsingh.dev/r/animated-numbers.jsonView source