Repolode
Предложить
Pawandeep-prog

Pawandeep-prog/Snapframe

Веб-редактор, который превращает скриншоты приложения в готовые маркетинговые изображения для Play Store и App Store с рамками устройств и текстом.

Open source альтернатива:Previewed

Открыть на GitHubСайт
Звёзды
293
Форки
34
Открытые issues
8
Последний коммит
4 месяца назад

Что это?

Snapframe — браузерный редактор для создания скриншотов приложений для магазинов. Разработчики и дизайнеры могут помещать экраны приложения в макеты устройств, например рамки iPhone, добавлять текстовые блоки и применять шаблоны или собственные стили ко всему набору слайдов.

Для каждого слайда можно задать отдельную тему или применить общую тему ко всему проекту. Изменения отображаются в реальном времени, а история отмены и повтора позволяет экспериментировать, не теряя результаты. Готовые скриншоты можно экспортировать в PNG или JPG либо в ZIP-архив со всеми разрешениями.

В проект также входит JSON-редактор с предварительным просмотром рядом с кодом в реальном времени. Можно вставить JSON проекта, отредактировать его напрямую или сгенерировать слайды с помощью AI-инструмента и вставить результат обратно. Приложение запускается локально через npm, а демоверсия размещена на GitHub Pages. Chrome поддерживается полностью; в Firefox известны проблемы с отображением.

Ключевые возможности

  • 01Рамки устройств, например макеты iPhone, чтобы показывать экраны приложения в контексте.
  • 02Настройка темы для отдельного слайда или всего проекта с помощью готовых и пользовательских стилей.
  • 03Текстовые блоки с настройкой типографики и положения.
  • 04Предварительный просмотр в реальном времени и история отмены и повтора действий.
  • 05Экспорт в PNG, JPG или ZIP-архив со всеми разрешениями.
  • 06JSON-редактор с предварительным просмотром в реальном времени для программного создания наборов слайдов.

Сценарии использования

  • Подготовка наборов скриншотов для Play Store или App Store к выпуску новой версии приложения.
  • Создание маркетинговых изображений приложения без специализированного инструмента для дизайна.
  • Генерация наборов слайдов с помощью AI-ассистента и их визуальная доработка.

Быстрый старт

  1. 1

    Клонируйте репозиторий

    git clone https://github.com/Pawandeep-prog/Snapframe.git
  2. 2

    Перейдите в папку проекта

    cd Snapframe
  3. 3

    Установите зависимости

    npm install
  4. 4

    Запустите сервер разработки и откройте http://localhost:5173

    npm run dev

Что важно знать

  • В Firefox есть известные проблемы с отображением, поэтому поддерживаемый браузер — Chrome.

Темы

#screenshot#app-store#design-tool#react#typescript#json-editor#image-export#generator#snapframe

Частые вопросы

Что такое Snapframe?
Веб-редактор, который превращает скриншоты приложения в готовые маркетинговые изображения для Play Store и App Store с рамками устройств и текстом. Snapframe — браузерный редактор для создания скриншотов приложений для магазинов. Разработчики и дизайнеры могут помещать экраны приложения в макеты устройств, например рамки iPhone, добавлять текстовые блоки и применять шаблоны или собственные стили ко всему набору слайдов.
Snapframe можно использовать бесплатно? Какая у него лицензия?
Snapframe распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
Snapframe всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в Snapframe — 1 июл. 2026 г..
Для чего можно использовать Snapframe?
Подготовка наборов скриншотов для Play Store или App Store к выпуску новой версии приложения. Создание маркетинговых изображений приложения без специализированного инструмента для дизайна. Генерация наборов слайдов с помощью AI-ассистента и их визуальная доработка.
Как установить Snapframe?
Клонируйте репозиторий: git clone https://github.com/Pawandeep-prog/Snapframe.git Перейдите в папку проекта: cd Snapframe Установите зависимости: npm install Запустите сервер разработки и откройте http://localhost:5173: npm run dev
Где скачать Snapframe?
Исходный код и инструкции по установке — на GitHub: https://github.com/Pawandeep-prog/Snapframe

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты