React SDK

Install

bashnpm install @testiflow/react

Wall of Love component

tsx'use client';

import { TestiflowWall } from '@testiflow/react';

export function Reviews() {
  return (
    <TestiflowWall
      siteId="YOUR_SITE_ID"
      theme="saas"
      layout="bento"
      limit={12}
      loadingFallback={<p>Loading reviews…</p>}
      onReady={() => console.log('ready')}
    />
  );
}

Other components

• TestiflowCarousel — carousel layout preset
• TestiflowMarquee — scrolling marquee strip
• TestiflowModal — collect button that opens the submission flow

Next.js App Router

Mark client components with "use client". For SEO-critical pages, prefer the public wall URL or server-fetch GET /api/public/walls/[slug] and render with your own markup.

TypeScript

Exported types: TestiflowLayout, TestiflowTheme, TestiflowWallProps.