This component no longer exists. It was in atlas-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Project Gallery Demo
atlas-ui/project-gallery-demoRemovedExample
Example of Project Gallery with an interactive modal.
Install it
npx shadcn@latest add https://atlasui.dev/r/project-gallery-demo.jsonSource
1import {2 Project,3 ProjectGallery,4} from "@/registry/react/atlasui/project-gallery";56export const ProjectGalleryDemo = () => {7 return (8 <div className="mx-auto flex min-h-screen w-full max-w-7xl flex-col justify-center p-5">9 <ProjectGallery>10 <Project11 title="Atlas UI"12 subtitle="Frontend"13 href="#"14 imgSrc="/assets/atlas-ui.png"15 color="#EFE8D3"16 />17 <Project18 title="Portfolio"19 subtitle="Design & Development"20 href="#"21 imgSrc="/assets/portfolio.png"22 color="#706D63"23 />24 <Project25 title="Tokyo Art"26 subtitle="Photography"27 href="#"28 imgSrc="https://images.unsplash.com/photo-1540652980807-db4655e8fa60?q=80&w=2130&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"29 color="#FAFBFC"30 />31 <Project32 title="Milky Way"33 subtitle="Photography"34 href="#"35 imgSrc="https://images.unsplash.com/photo-1515705576963-95cad62945b6?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"36 color="#404040"37 />38 </ProjectGallery>39 </div>40 );41};
What it pulls in
Other registry items
