Team Member Selector
Animated team member selection with avatar transitions and role assignment.
Micro InteractionReactFramer Motion
CSSshadcnCustom CSS
Manual
Create a file and paste the following code into it.
src/App.tsx
1
2
3
4
5
6
7
8
9
10
11
import { Demo } from "@/components/ui/demo";
function App() {
return (
<div className="flex h-dvh w-full items-center justify-center">
<Demo />
</div>
);
}
export default App;Update the import paths to match your project setup.