# Widget SDKs

> Source: https://docs.recombee.com/widget-sdks

> For the complete documentation index, see [llms.txt](/llms.txt).

**Table of contents**

* [Supported Environments](#supported-environments)
* [Available Widgets](#available-widgets)  
   * [Carousel](#carousel)  
   * [Quick Search](#quick-search)  
   * [Grid](#grid)  
   * [Feed](#feed)

# Widget SDKs

Recombee Widget SDKs offer pre-built, customizable components designed to help you quickly embed personalized recommendations into your website or application.

Whether you’re looking to highlight trending articles in a carousel, showcase recommended products in a visually appealing grid, power a dynamic feed of relevant content, or deliver instant results via a quick search box, these widgets make it easy to deliver real-time, AI-driven recommendations to your users.

## Supported Environments

Each widget type is available as two separate npm packages:

* **Vanilla JavaScript** \- Can be directly included in any website without requiring a build or compilation step.
* **React** \- Designed for projects using React to render user interfaces.

## Available Widgets

### Carousel

Displays recommendations in a horizontally scrollable carousel format, allowing users to browse through items with ease.

[![Carousel (JS)](/img/widgets/widget-carousel.png)Carousel (JS)@recombee/carousel-widget-js](/widget-sdks/carousel-widget-js)[![Carousel (React)](/img/widgets/widget-carousel.png)Carousel (React)@recombee/carousel-widget-react](/widget-sdks/carousel-widget-react)

### Quick Search

Enables instant, personalized search suggestions as the user types.

[![Quick Search (JS)](/img/widgets/widget-quick-search.png)Quick Search (JS)@recombee/quick-search-widget-js](/widget-sdks/quick-search-widget-js)[![Quick Search (React)](/img/widgets/widget-quick-search.png)Quick Search (React)@recombee/quick-search-widget-react](/widget-sdks/quick-search-widget-react)

### Grid

Displays recommended items in a fixed or responsive grid layout.

[![Grid (JS)](/img/widgets/widget-grid.png)Grid (JS)@recombee/grid-widget-js](/widget-sdks/grid-widget-js)[![Grid (React)](/img/widgets/widget-grid.png)Grid (React)@recombee/grid-widget-react](/widget-sdks/grid-widget-react)

### Feed

Presents an infinite, scrollable list of items, with new recommendations loading automatically as the user scrolls or on click.

[![Feed (JS)](/img/widgets/widget-feed.png)Feed (JS)@recombee/feed-widget-js](/widget-sdks/feed-widget-js)[![Feed (React)](/img/widgets/widget-feed.png)Feed (React)@recombee/feed-widget-react](/widget-sdks/feed-widget-react)