Other Types
Back to all

Resources

Support

Built by Algolia's developer community, not supported by Algolia

Contributors

Alexandre Viretti

Demo Engineer @Algolia

Diego Larraz

Demo Engineer @Algolia

Hugo Valla

Demo Engineer @Algolia

Brandon Bews

I'm a designer and front end developer, passionate about working and learning at the intersection between design and code.

Get a customized demo from our search experts

Get a demo

Demo of Algolia Widgets and AI Features

Showcase the powerful capabilities of Algolia's widgets with interactive code insights and AI-powered search functionality
VIEW REPO
CHECK OUT THE DEMO

About

Description

Our demonstration offers a hands-on experience that allows developers to:

  • Hover over Algolia widgets and immediately view the HTML and JavaScript that brings each widget to life.
  • Activate Algolia's AI features through a toggle switch, showcasing enhanced search results and trending items recommendations.

This demo uses the speedy and modern Vite tooling, React for UI rendering, and TypeScript for typed JavaScript code to deliver a high-quality developer experience. 

 

Prerequisites

  • Node.js (version 12 or later)
  • Yarn or npm package manager

 

Utilization

Navigate through the Algolia widgets in our demo and click over any element to inspect the code behind it. To experience Algolia's remarkable AI features, simply toggle the switch control displayed within the demo.

 

Plugins Used

 

Recommended content

Overlay 1
Overlay 2

Get the most out of Algolia

Get started