https://github.com/quiibz/ogstudio

Create static or dynamic OG (Open Graph) images with an intuitive, Figma-like visual editor
https://github.com/quiibz/ogstudio

builder editor image opengraph

Last synced: 6 days ago
JSON representation

Create static or dynamic OG (Open Graph) images with an intuitive, Figma-like visual editor

• Host: GitHub
• URL: https://github.com/quiibz/ogstudio
• Owner: QuiiBz
• License: mit
• Created: 2023-12-27T09:16:47.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-04-20T17:31:17.000Z (7 months ago)
• Last Synced: 2024-05-02T04:16:15.653Z (7 months ago)
• Topics: builder, editor, image, opengraph
• Language: TypeScript
• Homepage: https://ogstudio.app
• Size: 2.88 MB
• Stars: 131
• Watchers: 3
• Forks: 12
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  

  


  OG Studio: Create static or dynamic OG (Open Graph) images with an intuitive, Figma-like visual editor



---

![Builder](https://github.com/QuiiBz/ogstudio/blob/main/assets/builder.jpeg)

## About

OG Studio is an open source project and website that allows you to easily create Open Graph (abriviatted as OG) images for your own websites. OG images are used to represent your website when shared on social media platforms like X (Twitter), Facebook, LinkedIn, etc. You can choose from a variety of templates, customize them, and export them to SVG, PNG, or to a URL.

Powered by [Satori](https://github.com/vercel/satori) and [resvg-wasm](https://github.com/yisibl/resvg-js).

## Features

- **Figma-like editor**: Create and edit your OG images with an intuitive visual editor

- **Templates**: Choose from a variety of templates to get started

- **SVG, PNG, URL export**: Export your OG images to SVG, PNG, or to a URL

- **Dynamic texts**: Add dynamic texts to your OG images, that will be generated on-the-fly. Ideal for blog posts, product pages, etc.

## Contributing

[See the contributing guide](./CONTRIBUTING.md).

## Sponsors

![Sponsors](https://github.com/QuiiBz/dotfiles/blob/main/sponsors.png?raw=true)

## License

[MIT](./LICENSE)