Components
Loading preview...
Here is animated Spring Element
@animate-ui
npx shadcn@latest add https://21st.dev/r/skyleen77/spring-element'use client';
import { Component } from "@/components/ui/spring-element";
import {
Avatar,
AvatarFallback,
AvatarImage,
} from '@/components/ui/avatar';
const DemoOne = () => {
return (
<div className="flex w-full h-screen justify-center items-center">
<Component>
<Avatar className="size-20">
<AvatarImage
draggable={false}
src="https://pbs.twimg.com/profile_images/1897311929028255744/otxpL-ke_400x400.jpg"
/>
<AvatarFallback>AK</AvatarFallback>
</Avatar>
</Component>
</div>
);
};
export default DemoOne;