> ## Documentation Index
> Fetch the complete documentation index at: https://docs.convertly.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# SolidJS Image CDN SDK

> Use Convertly image components in SolidJS for responsive image delivery and automatic optimization.

```bash theme={"system"}
npm install @convertly-sh/image
```

```tsx theme={"system"}
import { ConvertlyCdnProvider, ConvertlyImage } from "@convertly-sh/image/solid";

export default function App() {
  return (
    <ConvertlyCdnProvider namespace={import.meta.env.VITE_CONVERTLY_CDN_NAMESPACE}>
      <ConvertlyImage
        origin="products"
        src="hero.jpg"
        width={1200}
        height={800}
        sizes="(min-width: 768px) 50vw, 100vw"
        alt="Featured product"
      />
    </ConvertlyCdnProvider>
  );
}
```

The Solid adapter uses reactive primitives and shares the React adapter's image prop surface. You can also pass a Convertly Storage file ID as `src`.