Image Generation

Stable Diffusion

Open-source text-to-image model for creative content generation

Stable Diffusion stands out as a powerful open-source alternative in the image generation space, offering flexibility and customization options. The model can be fine-tuned for specific use cases and runs efficiently on consumer hardware. Its open-source nature has fostered a vibrant community of developers and artists who continuously improve and extend its capabilities.

Features

Open Source

Fully customizable and free

Hardware Requirements

Runs on consumer GPUs

Fine-tuning

Customizable for specific use cases

Community Models

Extensive model ecosystem

Layout example

Add the widget script to your layout for multiple pages.

File:components/SensayScript.tsx

"use client";

import Script from "next/script";
import { useEffect, useId } from "react";

export default function SensayScript({ src }: { src: string }) {
  // Generate a unique ID for script so NextJS can run it on client side navigation.
  // NextJS Script component by default runs script only once based on the src value.
  const id = useId();
  const url = new URL(src);
  url.searchParams.set("id", id);

  // Destroy the chatbot when the component unmounts.
  // Destroy chatbot elements as NextJS doesn't clean up the Script component on client side navigation.
  useEffect(() => {
    return () => {
      window.SensayChatbot?.destroy();
    };
  }, []);

  return <Script src={url.toString()} strategy="afterInteractive" />;
}

File:app/products/layout.tsx

import SensayScript from "@/components/SensayScript";

export default function ProductsLayout({ children }) {
  return (
    <div>
      {children}
      <SensayScript src="https://chat-widget.sensay.io/<chatbot-identifier>/embed-script.js" />
    </div>
  )
}