Avatar Group Component
Stacked avatar group with expand animation and overflow counter.
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/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.