Nusaiba

Overview

Nusaiba is an open shadcn registry of motion-first marketing sections for landing pages. Each block ships with enter animations, hover feedback, spring easing and whileInView timing, and is built on the base-nova style. Blocks are previewed live on their own pages and install as real files under the @nusaiba namespace, so copy, spacing, motion timing and tokens can be edited after install.

The registry holds 112 blocks across 15 categories. Every block also includes a Copy Prompt that tells an editor like Cursor or Copilot to add the registry, run the CLI and summarize the changes. A Hobby tier covers the free blocks, while one-time Pro and Team purchases add the remaining blocks, a commercial license and team workspaces.

Features

• 15 categories: Hero (15), features (12), header (12), blog (13), logo cloud (18), plus CTA, FAQ, auth, contact, footer, integrations, 404, pricing, testimonials and image gallery sections.
• Motion built in: Scroll fade-ins, hover lift and spring easing on every block, built with motion.
• Copy Prompt: A ready-made instruction for AI editors to install a block into the current project.
• Source in your repo: Files such as hero-motion-section.tsx land in the project, with nothing left in node_modules.
• Theme and foundation: A Sera theme, brand typography and shared decor components.
• Free and paid tiers: Free Hobby blocks, with Pro and Team plans sold as one-time payments.

Tech stack

• React, shadcn/ui (base-nova), Tailwind CSS, motion

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @nusaiba/component-name