DEV Community

Cover image for Introducing gleam.so: Create Perfect OpenGraph (OG) Images Without The Hassle 🎨
gleamso
gleamso

Posted on

1

Introducing gleam.so: Create Perfect OpenGraph (OG) Images Without The Hassle 🎨

Hey dev community! After our discussions about OG image pain points in the Making OpenGraph Work series, I'm excited to share what I've built as an indie maker to solve these challenges.

The Problem I'm Solving 🎯

As a developer, I kept running into these issues:

  • Spending hours in design tools for simple OG images
  • Fighting with different platform requirements
  • Recreating similar designs over and over
  • Testing across multiple platforms

What I Built ✨

I created gleam.so as an OG image generator specifically for developers. Key features:

  • Design Without Limits

    • Preview ALL premium templates
    • Try ALL preset sizes
    • Customize everything
    • See exactly how it looks
  • Developer-Focused

    • Platform-optimized templates
    • Real-time preview
    • Code-like customization
    • Quick iterations
  • Time-Saving Features

    • One-click size adjustments
    • Cross-platform testing
    • Template system
    • Brand presets

How It Works πŸ› οΈ

  1. Choose a template
  2. Customize content
  3. Preview in real-time
  4. Export when perfect

gleam.so UI

Free Features ⭐️

As a solo developer, I want to make this accessible to everyone. You get:

  • Access ALL templates
  • Try ALL sizes
  • Full design capabilities
  • Real-time preview

You only pay when you're ready.

Tech Stack πŸ”§

I built this with:

  • Next.js 14
  • Tailwind CSS
  • TypeScript
  • Sharp for optimization

Why I Built This πŸ’‘

While writing the OpenGraph series and hearing your feedback, I realized I needed to build a tool that:

  1. Respects our developer workflow
  2. Provides professional results
  3. Saves significant time
  4. Removes design complexity

Try It Out! πŸš€

  1. Visit gleam.so
  2. Design anything you want
  3. Preview in real-time
  4. Export only when satisfied

Let's Make It Better Together 🀝

As an indie maker, your feedback is crucial for making this tool better:

  • What features would you like to see?
  • Any platform-specific needs?
  • Integration ideas?

Drop your thoughts in the comments or live chat on gleam.so.


Follow me for more updates about gleam.so and web development! Building in public as a solo developer.

Image of AssemblyAI tool

Transforming Interviews into Publishable Stories with AssemblyAI

Insightview is a modern web application that streamlines the interview workflow for journalists. By leveraging AssemblyAI's LeMUR and Universal-2 technology, it transforms raw interview recordings into structured, actionable content, dramatically reducing the time from recording to publication.

Key Features:
πŸŽ₯ Audio/video file upload with real-time preview
πŸ—£οΈ Advanced transcription with speaker identification
⭐ Automatic highlight extraction of key moments
✍️ AI-powered article draft generation
πŸ“€ Export interview's subtitles in VTT format

Read full post

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

πŸ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay