Components
Loading preview...
A playful image layout that tiles three photos in a staggered row and animates them on hover, perfect for showcasing your personality or a quick visual story.
@tonyzebastian
npx shadcn@latest add https://21st.dev/r/tonyzebastian/image-tilesimport ImageReveal from "@/components/ui/image-tiles";
import React from "react";
export default function DemoOne() {
return (
<div>
<ImageReveal
leftImage="https://res.cloudinary.com/dctgknnt7/image/upload/v1758636339/left_oog9ck.jpg"
middleImage="https://res.cloudinary.com/dctgknnt7/image/upload/v1758636339/middle_vqdg9p.jpg"
rightImage="https://res.cloudinary.com/dctgknnt7/image/upload/v1758636340/right_tpkukv.jpg"
/>
</div>
);
}