Float3D floating animation with configurable speed, amplitude, and rotation.animationfloat3dhover PreviewCodeFloating ElementCopy"use client"; import Float from "@/components/vritti/float"; export function FloatExample() { return ( <div className="w-full h-[400px] flex flex-col items-center justify-center"> <Float> <div className="w-40 h-40 shadow-2xl relative overflow-hidden hover:scale-105 duration-200 cursor-pointer transition-transform rounded-lg"> <img src="/placeholder.jpg" className="w-full h-full object-cover absolute top-0 left-0" alt="Floating element" /> </div> </Float> <h2 className="pt-12 text-2xl uppercase z-10"> Floating Element </h2> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/float"Copy Dependencies pnpmnpmyarnbunpnpm add motionCopy