Apps/Portfolio

Atelier Desktop Interactive Portfolio Template

Make it yours.

Install with your AI coding tool.

An interactive desktop portfolio with animated project icons, layered windows, photo galleries, notes and a magnifying dock.

Open fullscreen ↗Download project ZIP ↓

Installation and usage

A frontend adaptation of the publicly served React template, with editable formatted JavaScript. Mail and social content are demos. The original unpublished TypeScript project is not included. Figma and video embeds load only when opened.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

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

03 — Add it to your page

import { AtelierDesktop } from '@/components/apps/atelier';

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

Included

Ten project windows with image galleries
Desktop dock, notes and photo viewer
Responsive mobile app drawer
Complete React and Vite project with local media

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: d28e2afbae7e8b5ec68b5a17e46ea0470cebbe425661d425011b9e8c04c7d801.