feat(components): add perspective carousel and Swipe card carousel

[emonahmed123]

Overview

This PR adds two carousel components to Nurui — Perspective Carousel (new) and Card Swipe Carousel (new) — and fixes a hydration error in the Card Swipe Carousel docs.

---

New Component — Card Swipe Carousel

A card-stack carousel built on Swiper.js using the EffectCards mode. Cards fan out from a stacked deck and swipe away with a natural card-toss feel.

Component files added:

• src/components/nurui/card-swipe-carousel.tsx — Main component using EffectCards
• src/components/nurui/card-swipe-carousel-demo.tsx — Demo preview
  Install via CLI:

npx nurui add card-swipe-carousel

Props

Prop	Type	Default	Description
images	{ src: string; alt: string }[]	—	Slides to display
showPagination	boolean	false	Clickable pagination dots
showNavigation	boolean	false	Previous/Next navigation arrows
loop	boolean	true	Enables infinite looping
autoplay	boolean	false	Automatically advances slides
spaceBetween	number	40	Space between slides (in pixels)

Both Components Wired Up Across the Full Registry

• Added entries to components-registry.tsx
• Added nav links under the Carousel section in component-navigation.tsx
• Added preview entries in components-preview-registry.tsx
• Added entries to registry.json and registry-cli.json for v0 and CLI support
• Added MDX docs pages with installation steps and full props tables

[vercel]

@emonahmed123 is attempting to deploy a commit to the Mdafsar's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: ac686b2e-735e-41c3-b26f-a4f13df39df5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}