Overlay Studio

Create stunning LinkedIn banners that show your personality

---

About

Overlay Studio is an open-source LinkedIn banner generator with a drag-and-drop editor. Overlay Studio lets you create professional, eye-catching banners with custom backgrounds, overlays, and cosmetic elements.

Features

• Make it yours: Choose a background or upload your own images.
• Add some personality: Decorate your banner with animals, hats, and other accessories.
• Arrange your design: Drag, resize, rotate, and layer images to get the look you want.
• Preview as you create: See your banner take shape as you make changes.
• Download your banner: Save your finished design as a PNG or JPEG.

Local Host

To run Overlay Studio on your computer, install Node.js 24 LTS (which includes npm):

1. Clone the project and open its folder:

   git clone https://github.com/Pepps233/OverlayStudio.git
   cd OverlayStudio

2. Install the project packages:

   npm ci

3. Start the local server:

   npm run dev

Contributing

We welcome contributions! Please see CONTRIBUTING.md for details on how to get started.

License

This project is licensed under the MIT License — see LICENSE for details.

Acknowledgments

• Inspired by ogis.dev by twangodev.