Orno Embed Kit

Drop official Orno styles on any site

One script tag = a fully rendered style card that matches what you see on orno.app. The widget automatically fetches the title, tags, thumbnail, description, credits, and button behavior—no manual data entry required.

What the widget handles

  • Fetches live style metadata, poster, tags, description, and credits
  • Matches the home page card design 1:1 (same hover states, gradients, fonts)
  • Redirects visitors to the style page when they click anywhere on the card

How to use it

  1. Copy the script snippet below and replace the style URL with your own.
  2. Paste it wherever you want the card to appear (you can include multiple widgets per page).
  3. The script auto-loads the data and renders the card—no extra CSS or HTML required.

Copy & paste snippet

Replace the style URL with any public style and drop the script exactly where you want the widget to appear.

<script src="https://www.orno.app/embed.js" data-style="https://www.orno.app/style/7qzoua75dy4D50hYT01K"></script>

Live preview

Below is the exact output of the snippet above. It fetches the live style data and mirrors the card you see on the Orno homepage.

Need to embed inside a framework?

Use a placeholder div and load embed.js once globally:

<div class="orno-style-embed" data-style-url="https://www.orno.app/style/7qzoua75dy4D50hYT01K"></div>
<script src="https://www.orno.app/embed.js"></script>

The script will hydrate every .orno-style-embed element it finds—perfect for React, Next.js, or CMS-driven pages.

Questions? Email support@orno.app for custom sizing or branded variations.