Moments

Installation and usage

An interactive photography portfolio with a moving image wall, saved photos and focused image navigation.

Frontend adaptation of publicly served React modules, with local images and fonts. The contact form is a non-sending demo; connect your own backend before publishing. Photo descriptions are illustrative. The unpublished original TypeScript project is not included.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

pnpm dlx shadcn@latest add https://podie.dev/framework-registry/moments.json

03 — Add it to your page

import { Moments } from '@/components/apps/moments';

export default function Page() {
  return <Moments />;
}

Included

• 55-photo animated wall with a full image viewer
• Next and previous photos, saved-photo controls and keyboard navigation
• About and contact pages with responsive navigation
• Complete React and Vite project with local fonts and images

The ZIP includes the complete project, setup notes and upstream files and provenance in .podie. Extract it, run npm install, then npm run dev. The component installer adds a scoped React entry point to an existing project.

Source and attribution

Created by Modulify. Original source. Author permission notices are retained. Source revision: 8f15b62bd72651eb4fe58f78a9127ba114fce069332c01fbe8958856b5423545.