Recommend Vanilla JS for web

Vanilla JS + Algolia Recommend

Build recommend experiences with UI components and libraries.

Sign up
A computer on a search page, with recommendations being inserted on the side
Algolia UI Components - Recommend JS , 3  recommendClient, 4  indexName: 'demo_recommend', 5  objectIDs: ['object1', 'object2'], 6  itemComponent({ item }) { 7    return ( 8      <div> 9        <img src={item.image} alt={'product'} /> 10        <div className="item-content"> 11          <div className="item-name">{item.name}</div> 12          <div className="item-description">{item.description}</div> 13          <div className="item-price">${item.price}</div> 14        </div> 15      </div> 16    ); 17  }, 18  view: horizontalSlider, 19  maxRecommendations: 10, 20  translations: { 21    title: 'Complete your look', 22  }, 23});
Get started for freeExplore all developer docs

Use cases & demos for Algolia Recommend

Showcase
Sample Applications

Personalized Email Recommendations

This app shows how to leverage Algolia Personalization to display product recommendations in emails