Mani Signature
"Made with mani" badge. Light and dark variants. Link back to maniai.com.
Live preview
Widget preview renders with a valid API key. Sign up to get yours.
Mani Signature
Code snippets
HTML / iframe
<a href="https://maniai.com?cta=widget_signature" target="_blank"><img src="https://maniai.com/badges/made-with-mani.svg" alt="Made with mani" height="24"></a>React
import { useEffect, useRef } from 'react';
export function ManiManiSignature({ apiKey, ...props }) {
const ref = useRef(null);
useEffect(() => {
if (!ref.current) return;
ref.current.src = `https://maniai.com/embed/mani-signature?key=${apiKey}`;
}, [apiKey]);
return <iframe ref={ref} width="400" height="400" frameBorder="0" {...props} />;
}WordPress
<!-- WordPress Shortcode -->
[mani_widget type="mani-signature" key="YOUR_KEY" width="400" height="400"]
<!-- Or use the iframe directly in any HTML block -->
<a href="https://maniai.com?cta=widget_signature" target="_blank"><img src="https://maniai.com/badges/made-with-mani.svg" alt="Made with mani" height="24"></a>Use cases
✓ Ad footer attribution
✓ Email signature
✓ Portfolio footer
Privacy and analytics
The widget loads content from maniai.com via iframe. It sends the public workspace key for authentication (read-only). No cookies are set on the host page. No personal data is collected from visitors. The widget respects the host page's cookie consent.