Automate OG image generation with ogimage.org

Radix UI Open Graph Image

Components, icons, and colors for building high-quality, accessible UI.

Open Graph image of Radix UI

Components, icons, and colors for building high-quality, accessible UI. Visit Radix UI to see the page this image belongs to.

Added on

Open Graph image details

Size
3025×1700 px
Format
PNG
Aspect ratio
1.78:1 (recommended: 1.91:1)
Resolution
Sharp on high-density screens

Open Graph tags checklist

Radix UI sets 4 of 10 common Open Graph tags.

  • og:title Radix UI
  • og:type Missing (required)
  • og:image https://radix-ui.com/social/themes.png
  • og:url https://radix-ui.com/
  • og:description Components, icons, and colors for building high‑quality, accessible UI. Free and…
  • og:site_name Not set (recommended)
  • og:locale Not set (recommended)
  • og:image:width Not set (recommended)
  • og:image:height Not set (recommended)
  • og:image:alt Not set (recommended)

Check your own page with the Open Graph checker .

Radix UI Open Graph meta tags

The meta tags Radix UI uses to build its link preview:

<!-- Primary Meta Tags -->
<title>Radix UI</title>
<meta name="description" content="Components, icons, and colors for building high‑quality, accessible UI. Free and open-source." />
<!-- Open Graph / Facebook -->
<meta property="og:url" content="https://radix-ui.com/" />
<meta property="og:title" content="Radix UI" />
<meta property="og:description" content="Components, icons, and colors for building high‑quality, accessible UI. Free and open-source." />
<meta property="og:image" content="https://radix-ui.com/social/themes.png" />

Categories

Similar Open Graph examples