Визуальный редактор для js разработки
Здравствуйте, подскажите существуют ли именно визуальные редакторы для js , есть куча фреймворков, но мне нужно по где сцена предоставлена визуально, где я могу перетаскивать объекты на этой сцене, создавать кнопки и т.д а логику писать на js. Пример construct 3 , gdevelop ( по некоторым причинам они не подходят, что-то не работает в Крыму , что-то невозможно оплатить на данный момент) мне не нужны именно игровые движки, мне надо что бы я не мучался с html и css , а спокойно создавал спрайты, текст, фон, прямо на сцене.
1. Visual Studio Code (VSCode) + Extensions
Хотя VSCode сам по себе не является полноценным визуальным редактором, он предлагает мощные плагины, которые добавляют функциональность для визуального редактирования:
Live Server — позволяет просматривать изменения в реальном времени.
Prettier — форматирует код автоматически, делая его визуально чистым и аккуратным.
HTML Snippets — ускоряет написание HTML-кода за счет готовых шаблонов.
Wix Editor — добавляет возможность создания веб-сайтов с использованием Wix Visual Editor прямо внутри VSCode.
2. Webflow
Webflow — это платформа для создания сайтов без кода. Она предоставляет мощный визуальный редактор, который позволяет разрабатывать адаптивные сайты с помощью drag-and-drop интерфейса. Webflow генерирует чистый HTML/CSS/JS-код, что делает его отличным выбором для дизайнеров и разработчиков, которым нужно быстро создать прототипы или полноценные сайты.
3. Figma
Хотя Figma не является инструментом исключительно для JavaScript-разработки, она широко используется для проектирования пользовательских интерфейсов (UI). После того как дизайн готов, разработчики могут экспортировать макеты и стили в формате CSS, чтобы затем реализовать их на JavaScript.
4. React Studio
React Studio — это инструмент для визуальной разработки React-приложений. Он позволяет создавать компоненты и страницы с помощью простого перетаскивания элементов, а затем генерировать соответствующий React-код. Это отличный выбор для тех, кто хочет ускорить процесс разработки UI-компонентов.
5. Adobe XD
Adobe XD — это популярный инструмент для дизайна UX/UI, который также поддерживает интеграцию с React и другими фреймворками. Вы можете спроектировать интерфейс, а затем экспортировать его в виде компонентов React или других форматов.
6. Bubble
Bubble — это платформа для создания веб-приложений без написания кода. Она предлагает визуальные инструменты для построения логики приложений, включая взаимодействие с базой данных, обработку событий и многое другое. Хотя Bubble не генерирует JavaScript-код напрямую, он подходит для быстрого прототипирования и создания MVP.
7. Glideapps
Glideapps — это инструмент для создания мобильных и веб-приложений на основе Google Таблиц. Он позволяет визуализировать данные и превратить их в полноценное приложение всего за несколько шагов. Несмотря на то, что Glideapps не требует знания JavaScript, он все же полезен для быстрой разработки простых приложений.
Посмотри в сторону WYSIWYG редакторов
GrapesJS, Webflow.. ну, есть инструменты под React и WASM