@nusaiba

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

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

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

Full-bleed horizontal divider for premium section separation.

Corner plus-icon decorator for bordered layouts.

Interactive animated gradient bubble background from Animate UI.

Brand wordmark fonts and Logo.dev typography helpers.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Atmospheric centered hero with gradient glow and staggered motion entrance.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Infinite article title marquee with crossfading featured story card.

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

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

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

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

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

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

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

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

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

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

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

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

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

Sticky blurred navigation header with links and primary CTA.

Centered navigation with shared layout underline rail on hover.

Minimal split navigation — brand left, links and auth cluster right.

Expandable search field with animated width beside utility controls.

Compact Registry and Resources dropdown panels with smooth reveal.

Sticky navigation that morphs padding and blur intensity on scroll.

Editorial wordmark with slash-separated links and thin baseline rule.

Center hub with eight brands on a slow orbital ring — gradient aura and counter-rotated tiles.

Hub-and-spoke network on a grid canvas inside a product card — design-to-ship workflow copy.

Editorial split with connector stack cards — logo, title, and registry-native description per row.

Asymmetric bento with flagship connector cell and capability tags — not a flat logo wall.

Five-step connect rail with brand marks — authorize through monitor with linked copy.

Searchable connector picker with keyboard navigation and live preview panel.

Infinite scrolling logo marquee with Logo.dev marks, wordmarks, and edge fade mask.

Logo grid with auto-cycle pulse focus — active mark breathes, neighbors dim on hover.

Split layout — stat copy left, blur-to-sharp logo marks with wordmarks on the right.

Three-column vertical logo drift with alternating scroll direction, pause on hover, and brand wordmarks.

Asymmetric bento logo grid with featured partner cell and decor frame.

Dual-row logo drift with real marks — opposite directions, pause on hover.

Compact footer logo strip — icons on mobile, wordmarks on desktop.

Minimal centered 404 with blur stagger entrance and back-home link.

Split layout — oversized mono 404 left, registry copy and dual CTAs right.

Decor-framed 404 card with grid pattern — contact-9 DNA for missing routes.

Search field with quick-link chips and home CTA — catalog discovery on dead ends.

Cycling status codes with blur crossfade — settles on 404 with dual actions.

Four-card destination grid — blocks, docs, pricing, and motion shortcuts.

Editorial 404 with monospace broken-path readout and home link.

Three-tier pricing cards with highlighted Pro plan and feature lists.

Center-stage plan panel with chip selector, billing toggle, and blur handoff — witness motion adapted for pricing.

Editorial split with Starter vs Pro panels — hover focus blurs the inactive tier, hero-1 asymmetry adapted for pricing.

Horizontal scroll-snap filmstrip of plan cards — active tier scales up while neighbors recede (blog-5 snap-carousel DNA).

Accordion expand per tier with price in trigger and features inside — grid-reveal stagger on open panels.

Team seat slider with animated total — $147 base plus per-seat pricing with tabular-nums price handoff.

Minimal single-row pricing band with blur stagger on view — logo-cloud-16 footer strip DNA for inline tiers.

Three quote cards with blur stagger, star ratings, and avatar attribution.

Framed quote cycle with selector chips — auto-advance and blur crossfade between voices.

Centered metric plus auto-cycling quote — tabular num headline with blur reveal.

Bordered list rows with avatar, stars, and hover wash — dense social proof.

Pro framed panel with grid pattern, quote cycle, and avatar selector chips.

Framed spotlight with labeled thumb rail, metadata panel, and blur crossfade — pauses on hover.

Infinite image marquee with edge mask — rolling visual library strip.

Asymmetric bento wall — hero tile with two supporting studies.

Framed offset masonry columns with variable tile heights, directional reveal, and hover focus.

Metric column beside compact image grid — tabular stats with registry visuals.

Pro decor-framed exhibition with centered metadata, labeled chips, and blur crossfade — pauses on hover.

Sera series — flat monochrome navigation with hairline bottom border, mobile drawer, and sharp-corner CTAs.

Sera series — editorial monochrome hero with indexed meta row, oversized headline, dual CTAs, and hairline stat strip.

Sera series — six-cell bordered ledger grid with mono indexes, hairline grid lines, and icon capability rows.

Sera series — bordered conversion panel with split layout, sharp-corner buttons, and inverse footnote strip.

Sera series — static bordered wordmark ledger with hairline cells, no marquee, fully deterministic.

Sera series — grayscale exhibition grid with hairline gutters and indexed caption bars.

Sera series — quote ledger with featured pull quote, square monogram avatars, and hairline grid attribution.

Sera series — four-column monochrome footer with Nusaiba wordmark and hairline copyright bar.

Sera series — three-tier ledger table with hairline feature rows and inverted highlighted plan.

Sera series — split FAQ with indexed accordion rows and hairline dividers.

Sera series — typographic journal index with mono dates, hairline rows, and hover underlines.

Sera series — bordered integration matrix with square glyph codes and status micro-labels.

Sera series — flat bordered sign-in panel with wordmark strip, SSO fallback, and hairline dividers.

Sera series — split contact with channel ledger and flat bordered form.

Sera series — giant mono 404 with hairline rule and bordered suggested-link ledger.