Meet the CrewA swipeable portrait card stack perfect for introducing a team, showcasing crew members, or picking an avatar.
Meet the Crew
swipe to browse
Add to your project
One command adds this component to your project.
Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.
npx shadcn@latest add @aicanvas/meet-the-crewFor dark mode, add the dark class to your <html> element:
<html class="dark">Install with AI Canvas MCP
With AI Canvas MCP, your AI knows every component we ship. Ask for one inside Claude Code, Codex, or Cursor and it installs the component you pick. Works with any AI Canvas account, free or premium.
About Meet the Crew
Meet the Crew is a swipeable portrait card stack designed for introducing teams, showcasing crew, or letting a user pick an avatar. Four cards fan out with soft rotation, you drag to browse, and you tap a card to select it. Motion handles the drag, the rotation easing, and the spring-back when a card returns to the deck. Drop in your own photos and names to power an About Us page, a character selector for a game, or an onboarding profile picker that feels personal rather than form-shaped.
Built with
Frequently asked questions
- Is Meet the Crew free to use?
- Yes. Meet the Crew is part of the free AI Canvas library and is open source under the MIT license, so you can use it in personal and commercial projects.
- How do I install Meet the Crew?
- One command: npx shadcn@latest add https://aicanvas.me/r/meet-the-crew.json, free with a free AI Canvas account. Or connect the AI Canvas MCP server and ask your AI editor to install Meet the Crew for you. You can also copy the source straight from the Code tab, no account needed. It works in any React project with Tailwind CSS.
- What is Meet the Crew built with?
- Meet the Crew is built with React and TypeScript, using Motion and Tailwind CSS. It ships with both light and dark styling.
- Where would I use Meet the Crew?
- Common uses include About page, Team page, and Onboarding. Like every AI Canvas component, it is self-contained and drops into any React project.
- Can I remix Meet the Crew with AI?
- Yes. Meet the Crew ships with expert prompts for Claude Code, Lovable, and V0, so you can recreate and customize it in your AI builder of choice.
AI Canvas