Block · CLI

Made With Embed

Credit badge + copyable HTML embed. Defaults to AtroUI branding.

Preview

npx shadcn@latest add @atroui/made-with-embed

Credit

Link back if it helped.

Drop this badge on your site, README, or Notion footer. Free tools stay free when people share the source.

HTML snippet

<a href="https://www.atroui.com/og" target="_blank" rel="noopener noreferrer"><img src="https://www.atroui.com/badge/atroui.svg" alt="Made with AtroUI" width="160" height="40" /></a>

Installation

Agent blurb — install command + no npm UI rule. For agents

npx shadcn@latest add @atroui/made-with-embed

Source lands in your repo. Installation · Registry

Usage

Edit CONTENT.siteOrigin and badgeSrc after install. Host the badge SVG in your public folder.

tsx

import { MadeWithEmbed } from "@/components/blocks/made-with-embed"

<MadeWithEmbed />

<MadeWithEmbed
  brandName="Acme"
  badgeSrc="/badge/acme.svg"
  href="/tools"
/>

API reference

Prop	Type	Default	Description
href	string	'/'	Badge link target.
badgeSrc	string	'/badge/atroui.svg'	Path or absolute URL to the badge image.
brandName	string	getBrand().name	Alt text and accessible label.

Block · CLI

Made With Embed

Credit badge + copyable HTML embed. Defaults to AtroUI branding.

Preview

npx shadcn@latest add @atroui/made-with-embed

Credit

Link back if it helped.

Drop this badge on your site, README, or Notion footer. Free tools stay free when people share the source.

HTML snippet

<a href="https://www.atroui.com/og" target="_blank" rel="noopener noreferrer"><img src="https://www.atroui.com/badge/atroui.svg" alt="Made with AtroUI" width="160" height="40" /></a>

Installation

Agent blurb — install command + no npm UI rule. For agents

npx shadcn@latest add @atroui/made-with-embed

Source lands in your repo. Installation · Registry

Usage

Edit CONTENT.siteOrigin and badgeSrc after install. Host the badge SVG in your public folder.

tsx

import { MadeWithEmbed } from "@/components/blocks/made-with-embed"

<MadeWithEmbed />

<MadeWithEmbed
  brandName="Acme"
  badgeSrc="/badge/acme.svg"
  href="/tools"
/>

import { MadeWithEmbed } from "@/components/blocks/made-with-embed"

<MadeWithEmbed />

<MadeWithEmbed
  brandName="Acme"
  badgeSrc="/badge/acme.svg"
  href="/tools"
/>

API reference

Prop	Type	Default	Description
href	string	'/'	Badge link target.
badgeSrc	string	'/badge/atroui.svg'	Path or absolute URL to the badge image.
brandName	string	getBrand().name	Alt text and accessible label.