> ## Documentation Index
> Fetch the complete documentation index at: https://statsig-4b2ff144-mintlify-add-local-eval-country-note-96362.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Sample Apps

> Explore sample applications built with Statsig to see real-world use cases and implementation examples.

export const ChatBar = () => {
  const chatBarRef = useRef(null);
  useEffect(() => {
    const script = document.createElement("script");
    script.src = "https://cdn.jsdelivr.net/npm/@sampleapp.ai/sdk@latest/dist/index.standalone.umd.js";
    script.onload = () => {
      if (window.SampleAppStandalone && chatBarRef.current) {
        window.SampleAppStandalone.ChatBar({
          placeholder: "Ask me anything...",
          height: "auto",
          playgroundUid: "statsig",
          typingTexts: ["How do I use statsig?", "What is statsig?", "Build with statsig"]
        }, chatBarRef.current);
      }
    };
    document.head.appendChild(script);
    return () => {
      script.remove();
    };
  }, []);
  return <div ref={chatBarRef} className="w-full"></div>;
};

<div
  style={{
textAlign: "center",
margin: "2rem 0 2rem 0", // Adjust margin to avoid extra spacing
position: "relative",
zIndex: 1, // Lower z-index by default
}}
>
  <ChatBar placeholder="What would you like to build..." playgroundUid="statsig" />
</div>

<div
  style={{
display: "grid",
gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))",
gap: "1.5rem",
}}
>
  <Card title="TaskMaster Pro — Experimentation in Action" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/taskmaster.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=7af1fde32a7e117490e429785a8aff93" href="https://statsig.sampleapp.ai/share/zBrBQANriSlxaDy1VU-3j" width="1920" height="1080" data-path="images/sample-apps/taskmaster.png" />

  <Card title="ContentPulse — Smarter Marketing with Statsig Experiments" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/marketing-tips.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=43a11aab9ad8d93b8f1dc0d9aab2b7a8" href="https://statsig.sampleapp.ai/share/RYOtIEcwyiC0eisSiDqZR" width="1920" height="1080" data-path="images/sample-apps/marketing-tips.png" />

  <Card title="ShopSmart — Feature Gates for Personalized E-Commerce" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/tech-e-comm.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=c0ba9add85494f3dc44152a7d3b5e54d" href="https://statsig.sampleapp.ai/share/St0bryK_ih8NvCbNVxfm4" width="1920" height="1080" data-path="images/sample-apps/tech-e-comm.png" />

  <Card title="StreamWise — Recommendation Engine Powered by Experiments" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/social-stream.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=2eef08d75ce75dd48fe7c43b156380c9" href="https://statsig.sampleapp.ai/share/W7b27kGUNeyqU80g85uDE" width="1920" height="1080" data-path="images/sample-apps/social-stream.png" />

  <Card title="FinSight — Banking Analytics with Statsig Metrics" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/banking.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=6cbd7e581b68126e80d05f58f065c6d1" href="https://statsig.sampleapp.ai/share/ZDjbSTm5WIqXMfqck536u" width="1920" height="1080" data-path="images/sample-apps/banking.png" />

  <Card title="MediConnect — Testing UX Improvements in Healthcare" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/healthcare.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=9869e02b5c1f9ec1ffea4d2dd9a5a680" href="https://statsig.sampleapp.ai/share/6xJNjOhdibsLL2J35X7xL" width="1920" height="1080" data-path="images/sample-apps/healthcare.png" />

  <Card title="EventScope — Event Logging & Tracking in Action" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/snake.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=6bb9528e291f8b8aadc8d5b1904d7521" href="https://statsig.sampleapp.ai/share/ZMpNCj-5c2v3MCOgV99H0" width="1920" height="1080" data-path="images/sample-apps/snake.png" />

  <Card title="BuyNow+ — Driving Conversions through Statsig Experiments" img="https://mintcdn.com/statsig-4b2ff144-mintlify-add-local-eval-country-note-96362/LNpAMRoSI6O-VXMm/images/sample-apps/buy-now-experiment.png?fit=max&auto=format&n=LNpAMRoSI6O-VXMm&q=85&s=7f7c74be1d89d4e8ed160ac37a0c6c7a" href="https://statsig.sampleapp.ai/share/9uXb7yq2eJM4KWRkiuHj1" width="1920" height="1080" data-path="images/sample-apps/buy-now-experiment.png" />
</div>
