Feature Carousel
A dashboard-ready carousel built on Embla and Framer Motion, perfect for highlighting AI product features, pricing tiers, or testimonials.
Installation
Add this component to your project using the CLI:
npx vui-registry-cli-v1 add feature-carouselDependencies
framer-motion: latestembla-carousel-react: latest
Props
Component property reference.
| Name | Type | Default | Description |
|---|---|---|---|
| items | Array<{ title: string; subtitle?: string; badge?: string; description?: string }> | Built-in marketing items (agentic workflows, observability, Velocity UI) | Carousel items to render. Omit to use the default Velocity UI examples. |
| className | string | undefined | Optional className override for the outer carousel wrapper. |
Most components here are inspired by outstanding libraries and creators in the ecosystem. I don’t claim to be the original author — this is my space for learning, rebuilding, and understanding great work at a deeper level.
I’m still a student of the craft, constantly studying the best and translating what I learn through my own perspective. Every piece reflects curiosity, respect for the community, and small creative touches that feel true to me.
I’ve done my best to credit inspirations properly. If anything is missing or inaccurate, I truly appreciate a message so it can be corrected with care.