Vibe Explorer
Interactive vibe selector. Visitors explore different brand vibes and see sample outputs.
Live preview
Widget preview renders with a valid API key. Sign up to get yours.
Vibe Explorer
Code snippets
HTML / iframe
<iframe src="https://maniai.com/embed/vibe-explorer?key=YOUR_KEY" width="600" height="400" frameborder="0"></iframe>React
import { useEffect, useRef } from 'react';
export function ManiVibeExplorer({ apiKey, ...props }) {
const ref = useRef(null);
useEffect(() => {
if (!ref.current) return;
ref.current.src = `https://maniai.com/embed/vibe-explorer?key=${apiKey}`;
}, [apiKey]);
return <iframe ref={ref} width="400" height="400" frameBorder="0" {...props} />;
}WordPress
<!-- WordPress Shortcode -->
[mani_widget type="vibe-explorer" key="YOUR_KEY" width="400" height="400"]
<!-- Or use the iframe directly in any HTML block -->
<iframe src="https://maniai.com/embed/vibe-explorer?key=YOUR_KEY" width="600" height="400" frameborder="0"></iframe>Use cases
✓ Agency portfolio interactive demo
✓ Blog post embedded tool
✓ Conference booth display
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.