AppStore-screenshots-editor
AppStore-screenshots-editor
File Explorer
Download Latest Version (.zip)- CODEOWNERS
- screenshot-studio-dark.png
- screenshot-studio-demo.png
- screenshot-studio-light.png
- inter-100-900-cyrillic-ext.woff2
- inter-100-900-cyrillic.woff2
- inter-100-900-latin-ext.woff2
- inter-100-900-latin.woff2
- manrope-200-800-cyrillic-ext.woff2
- manrope-200-800-cyrillic.woff2
- manrope-200-800-latin-ext.woff2
- manrope-200-800-latin.woff2
- montserrat-100-900-cyrillic-ext.woff2
- montserrat-100-900-cyrillic.woff2
- montserrat-100-900-latin-ext.woff2
- montserrat-100-900-latin.woff2
- noto-sans-100-900-cyrillic-ext.woff2
- noto-sans-100-900-cyrillic.woff2
- noto-sans-100-900-latin-ext.woff2
- noto-sans-100-900-latin.woff2
- oswald-200-700-cyrillic-ext.woff2
- oswald-200-700-cyrillic.woff2
- oswald-200-700-latin-ext.woff2
- oswald-200-700-latin.woff2
- pt-sans-400-cyrillic-ext.woff2
- pt-sans-400-cyrillic.woff2
- pt-sans-400-latin-ext.woff2
- pt-sans-400-latin.woff2
- pt-sans-700-cyrillic-ext.woff2
- pt-sans-700-cyrillic.woff2
- pt-sans-700-latin-ext.woff2
- pt-sans-700-latin.woff2
- rubik-300-900-cyrillic-ext.woff2
- rubik-300-900-cyrillic.woff2
- rubik-300-900-latin-ext.woff2
- rubik-300-900-latin.woff2
- mockup.png
- ensure-no-server.mjs
- fetch-fonts.mjs
- seed-fitlinkpro.mjs
- openai.yaml
- project-schema.md
- SKILL.md
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- route.ts
- globals.css
- layout.tsx
- page.tsx
- background-panel.tsx
- deck-row-preview-stage.tsx
- device-frames.tsx
- device-panel.tsx
- element-panel.tsx
- export-dialog.tsx
- font-loader.tsx
- font-upload.tsx
- free-element.tsx
- inspector.tsx
- language-select.tsx
- preview-stage.tsx
- project-switcher.tsx
- screenshot-editor.tsx
- screenshot-picker.tsx
- sidebar.tsx
- slide-canvas.tsx
- slide-thumb.tsx
- theme-toggle.tsx
- toolbar.tsx
- button.tsx
- card.tsx
- dialog.tsx
- dropdown-menu.tsx
- input.tsx
- label.tsx
- select.tsx
- tabs.tsx
- textarea.tsx
- tooltip.tsx
- projects.ts
- static-files.ts
- background.ts
- builtin-fonts.json
- constants.ts
- defaults.ts
- fonts.ts
- i18n.tsx
- image-cache.ts
- layout-rects.ts
- locale.ts
- migrations.ts
- storage.ts
- types.ts
- upload.ts
- utils.ts
- .dockerignore
- .gitignore
- .npmrc
- AGENTS.md
- CLAUDE.md
- components.json
- Dockerfile
- LICENSE
- next.config.mjs
- package-lock.json
- package.json
- postcss.config.mjs
- README.de.md
- README.es.md
- README.fr.md
- README.ja.md
- README.md
- README.ru.md
- README.tr.md
- README.zh-CN.md
- start.cmd
- start.command
- stop.cmd
- stop.command
- tailwind.config.ts
- tsconfig.json
# Installation Guide
1. Get the code
git clone https://github.com/mitrio78/AppStore-screenshots-editor
Downloads the entire project code from GitHub to your computer.
cd AppStore-screenshots-editor
Moves into the project folder you just downloaded.
2. Docker
Easy RecommendedPrerequisites
- Git Needed to download the project code from GitHub.
- Docker Desktop Needed to build and run containers. Install it and keep it running in the background.
docker build -t screenshot-studio .
Builds a runnable image based on the Dockerfile.
docker run -d -p 127.0.0.1:3000:3000 \
Runs the built image as an actual container.
Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.
Pulled directly from this repo's README.
3. Node.js
EasyPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm run dev
Starts the development/run server.
npm run build
Builds optimized production files.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)