DoubleScreener is a HTML visual editor designed to create web pages with a live second-screen.
For more info or for the program documentation, see the Wiki Page.

Usage

You can use DoubleScreener online
But you can also use DoubleScreener local by:

1. Clone the repository or download the ZIP:

   git clone https://github.com/il-mangia/doublescreener.github.io.git

2. Open back-end.html in your browser.
3. Drag elements into the canvas, style them, and press Apply Changes.
4. Open front-end.html to see the live result!

---

Features

• Drag & drop elements: Text, Button, Image, Container/Box
• Edit content and style visually
• Apply simple animations (fade, slide, zoom, bounce)
• Live preview on a front-end screen
• Works locally in your browser, no server needed
• Easy to use for students, teachers, or hobbyists

File Structure

/app
├── back-end.html
├── back-end.css
├── front-end.html
├── front-end.css

Contributing

Feel free to submit issues or pull requests. Suggestions for new features, animations, or usability improvements are very welcome!

License

This is a Free and Open Source Software:

• Free Software Foundation
  
• Open Source