Every product in our community embeds this compact, self-contained widget on their own site (in the footer or documentation). It recommends a few other community tools to your visitors, while other builders do the same for you.
Company OA Suite, isolated Web Worker sandbox & DSA algorithm visualizer.
Interactive High-Level Distributed System Design masterclass and architecture studio.
Privacy-first, 100% client-side web toolkit to merge, compress, split, and convert PDFs.
Choose the integration method that fits your tech stack. If you use Next.js or React, you can import our self-contained component. If you use Webflow, plain HTML, or WordPress, paste the 2-line HTML script tag.
• Site Footer: Directly above the copyright row in your website footer.
• Documentation Sidebar: At the bottom of your docs navigation.
• Dashboard Navigation: In the community or resources dropdown of your app.
// Install or copy ExploreMoreWidget into your React / Next.js app
import { ExploreMoreWidget } from '@/components/ExploreMoreWidget';
export function SiteFooter() {
return (
<footer className="w-full border-t border-[#262626] bg-[#000000] py-12">
<div className="max-w-6xl mx-auto px-4 space-y-8">
{/* Explore more community products widget */}
<ExploreMoreWidget limit={3} />
<p className="text-xs text-[#666666] text-center font-mono">
© Your App. Member of the Product.forum Discovery Network.
</p>
</div>
</footer>
);
}