sh4dcnv2 · atlas
← libraries

@nusaiba

Motion-first shadcn marketing blocks for landing pages — heroes, pricing, FAQs, footers, and more. Built on base-nova with intentional animation and CLI install.

60 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://nusaiba.dev/r/base-nova/registry.json
pnpm pnpm dlx shadcn@latest add https://nusaiba.dev/r/base-nova/registry.json
bun bunx shadcn@latest add https://nusaiba.dev/r/base-nova/registry.json
fetch registry curl -s https://nusaiba.dev/r/base-nova/registry.json

Components

60 total
Nusaiba Foundation item

Motion tokens, design-system UI primitives, brand logos, infinite slider, and button-scale theme. Installed automatically with every block.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/foundation.json
Nusaiba Gallery Visuals item

Shared abstract gallery images copied into public/images/visuals for gallery blocks.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-visuals.json
Sera Theme theme

Sera series design tokens — zero radius, monochrome oklch palette for light and dark mode. Matches `shadcn init --preset b4BnGlQgsa`.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/theme-sera.json
full-width-divider component

Full-bleed horizontal divider for premium section separation.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/full-width-divider.json
decor-icon component

Corner plus-icon decorator for bordered layouts.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/decor-icon.json
bubble-background component

Interactive animated gradient bubble background from Animate UI.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/bubble-background.json
brand-typography lib

Brand wordmark fonts and Logo.dev typography helpers.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/brand-typography.json
faqs-1 block

Two-column FAQ with sticky header, scroll-reveal stagger, and registry-native copy.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-1.json
faqs-2 block

Split FAQ with framed accordion, grid pattern, and registry-focused copy — matches the Nusaiba landing page.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-2.json
faqs-3 block

Narrow centered accordion with scroll-reveal stagger — minimal close for landing pages.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-3.json
faqs-4 block

Balanced two-column accordion split — grid-reveal for dense FAQ pages without sticky rail.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-4.json
faqs-5 block

Install / Plans / Customize pill tabs with focus-shift filtering — organized FAQ for builders.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-5.json
faqs-7 block

Expandable FAQ cards in a 2×3 grid with hover lift — scannable topics above pricing.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-7.json
faqs-8 block

Sticky topic rail with registry stats + synced accordion — editorial FAQ for long landings.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-8.json
features-1 block

Six-cell bento grid with product features, grid-pattern cards, and scroll entrances.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-1.json
features-3 block

Numbered feature list with horizontal rows, icon hover, and whileInView slide-in.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-3.json
features-4 block

Sticky scroll-stacking feature cards — slide up from below and pile with offset tops.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-4.json
features-5 block

2×3 interactive capability grid with auto-cycle pulse focus — hover overrides cycle, label expands on active cell (logo-cloud-3 DNA).

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-5.json
features-7 block

Vertical witness list with accent bar and stat expand — logo-cloud-15 DNA applied to registry capabilities.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-7.json
features-8 block

Command-style capability picker with search and arrow keys — blog-12 content-highlight adapted for features.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-8.json
features-10 block

Split witness with center-stage capability focus, blur handoff, and icon chips — logo-cloud-10 DNA for registry workflows.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-10.json
features-11 block

Asymmetric bento with flagship motion cell — click to expand labels on peer cells, blur-dim on inactive (logo-cloud-7 expand-focus DNA).

npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-11.json
hero-2 block

Atmospheric centered hero with gradient glow and staggered motion entrance.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-2.json
hero-4 block

Typography monument — per-word reveal headline with registry-focused production copy.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-4.json
hero-6 block

Stacked cinematic hero with bubble background, image stage, and cursor-driven perspective tilt.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-6.json
hero-7 block

Asymmetric editorial split — badge, expressive headline, CTAs, and parallax motion stage.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-7.json
hero-9 block

Swiss ruled split — registry copy beside a modular block grid motion stage.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-9.json
hero-12 block

Four-tile gallery wall motion showcase with hover-lift and registry-native captions.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-12.json
cta-1 block

Horizontal conversion band with blur stagger — registry-native copy and dual install actions.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-1.json
cta-2 block

Centered CTA with radial glow pulse and staggered reveal — hero-spotlight DNA for catalog close.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-2.json
cta-3 block

Split layout with registry preview panel and light parallax — hero-1 asymmetry for install conversion.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-3.json
cta-6 block

Free vs Pro fork with center-stage focus shift — pricing-2 DNA for registry path choice.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-6.json
cta-7 block

Copy-prompt variant cycle with blur handoff — features-10 DNA for AI editor workflow.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-7.json
cta-9 block

Full-bleed inverse conversion band with radial glow — footer-10 inverse DNA for dramatic close.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-9.json
auth-1 block

Split sign-in with brand rail, scroll-reveal stagger, and registry-native copy.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-1.json
auth-2 block

Mirrored sign-up split with terms line — motion stagger and Nusaiba study case.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-2.json
auth-3 block

Compact centered card with remember-me — minimal auth for marketing landings.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-3.json
auth-4 block

Two-column signup form in a centered layout — fast account creation above pricing.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-4.json
auth-5 block

Sign-in form beside visual panel with light parallax — cta-3 DNA for install-led auth.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-5.json
auth-6 block

Passwordless email-only sign-in — centered icon hero and single-field flow.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-6.json
auth-7 block

GitHub + Google buttons with email divider — grid-reveal for multi-path sign-in.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-7.json
auth-9 block

Sign-in card beside registry benefits list — justify account creation on landing pages.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-9.json
blog-1 block

Three-column blog grid with image placeholders and category metadata.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-1.json
blog-2 block

Editorial blog spotlight — thumbnail rail, spring crossfade feature panel, auto-advance on pause-hover.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-2.json
blog-5 block

Horizontal scroll snap filmstrip with scale focus on the active cover slide.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-5.json
blog-9 block

Infinite article title marquee with crossfading featured story card.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-9.json
contact-1 block

Split contact with channel list and full message form — scroll-reveal stagger.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-1.json
contact-2 block

Centered compact form (name, email, message) — Wave A minimal contact for pricing pages.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-2.json
contact-3 block

Bordered card contact form with two-column name row — polished centered layout.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-3.json
contact-4 block

Topic pills (Pro / Team / Blocks) with focus-shift before submit — organized intake.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-4.json
contact-5 block

Form beside visual panel with parallax — auth-5 / cta-3 DNA for support pages.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-5.json
contact-6 block

Full-width email capture band — quick pre-sale contact above footer.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-6.json
contact-7 block

Channel cards (email, docs, registry) plus inline mini-form — hover-lift grid.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-7.json
footer-1 block

Four-column marketing footer with link groups and copyright bar.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-1.json
footer-2 block

Single-row footer strip with blur stagger on view — logo-cloud-16 footer strip DNA for wordmark, inline links, and copyright.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-2.json
footer-4 block

Four nav columns and boxed socials above a giant outline wordmark — hero close with status pill.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-4.json
footer-6 block

Vertical dividers between brand and link columns — inline legal trail and system status pill.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-6.json
footer-7 block

Blueprint grid with bordered cells — social/copyright, newsletter subscribe, and theme pill row.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-7.json
footer-8 block

Four link columns, boxed social row, and paired install CTAs above centered copyright.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-8.json
header-1 block

Sticky blurred navigation header with links and primary CTA.

npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-1.json