Description
I would like to work on implementing an "Open Preview in New Tab" feature in Webify to improve the live preview and testing experience for users.
Currently, the preview is restricted to the embedded preview panel inside the editor layout. While this works for quick testing, it becomes limiting when users want to:
- test larger layouts
- inspect responsiveness
- present projects
- debug websites
- use browser developer tools effectively
As a GSSoC 2026 contributor who has already contributed multiple times to this repository, I believe this feature would significantly improve the usability and workflow of the platform.
Proposed Features
- Dedicated "Open in New Tab" button
- Launch live preview in separate browser tab
- Real-time preview synchronization
- Fullscreen preview support
- Better browser developer tools compatibility
- Improved testing workflow
Benefits
- Better responsive testing experience
- Easier debugging using browser devtools
- Improved presentation/demo workflow
- Cleaner editing experience
- More professional frontend development workflow
Possible UI Placement
- Preview toolbar action button
- External-link style icon near preview controls
- Responsive mobile-friendly placement
Expected Outcome
Users will be able to open their live project preview in a dedicated browser tab while continuing to edit code inside Webify.
This would create a more flexible and professional frontend development experience.
Additional Context
I have already contributed multiple times to this repository under GSSoC 2026 and would like to continue improving the platform with better frontend tooling and usability enhancements.
Please assign this issue to me under GSSoC 2026.
Description
I would like to work on implementing an "Open Preview in New Tab" feature in Webify to improve the live preview and testing experience for users.
Currently, the preview is restricted to the embedded preview panel inside the editor layout. While this works for quick testing, it becomes limiting when users want to:
As a GSSoC 2026 contributor who has already contributed multiple times to this repository, I believe this feature would significantly improve the usability and workflow of the platform.
Proposed Features
Benefits
Possible UI Placement
Expected Outcome
Users will be able to open their live project preview in a dedicated browser tab while continuing to edit code inside Webify.
This would create a more flexible and professional frontend development experience.
Additional Context
I have already contributed multiple times to this repository under GSSoC 2026 and would like to continue improving the platform with better frontend tooling and usability enhancements.
Please assign this issue to me under GSSoC 2026.