Constructors modern UI libraries are aimed to drastically ease the integration process of rendering results within the view layer (browser).

All Constructor UI libraries utilize React and TypeScript under the hood, however they can be utilized in any environment through an exposed native JavaScript interface. We expose both React components directly, as well as modern hooks interfaces.

Constructor aims to provide the following with all of our open source UI library offerings:

• Strong unit and integration test coverage
• Minimal dependency usage
• Optimized bundle size
• Comprehensive and living documentation
• Lightweight footprint
• Proactive security audits through automated code and dependency tree analysis

Autocomplete UI

This UI Library provides React components and hooks that manage fetching and rendering logic for Constructor's Autocomplete product. TypeScript support is available.

GitHub: https://github.com/Constructor-io/constructorio-ui-autocomplete

npm: https://www.npmjs.com/package/@constructor-io/constructorio-ui-autocomplete

Storybook: https://constructor-io.github.io/constructorio-ui-autocomplete

PLP UI

A UI library that provides React components to manage the fetching and rendering logic for Search & Browse product listing pages powered by Constructor. TypeScript support is available.

GitHub: https://github.com/Constructor-io/constructorio-ui-plp

npm: https://www.npmjs.com/package/@constructor-io/constructorio-ui-plp

Storybook: https://constructor-io.github.io/constructorio-ui-plp

Recommendations UI

A UI library that provides React components to manage the fetching and rendering logic for Recommendations powered by Constructor. TypeScript support is available.

Storybook: https://constructor-io.github.io/constructorio-ui-recommendations/

npm: https://www.npmjs.com/package/@constructor-io/constructorio-ui-recommendations

GitHub: https://github.com/Constructor-io/constructorio-ui-recommendations

Quizzes UI

Quizzes are interactive experiences that personalize the shopping journey for each of your customers. This UI library simplifies the integration process by providing React Components that handle the fetching and rendering logic for Quizzes. TypeScript support is available.

GitHub: https://github.com/Constructor-io/constructorio-ui-quizzes

npm: https://www.npmjs.com/package/@constructor-io/constructorio-ui-quizzes

Storybook: https://constructor-io.github.io/constructorio-ui-quizzes

Agent Overview UI

A UI library that provides React components and hooks to manage the fetching and rendering logic for AI Agent Overview powered by Constructor. It streams AI-generated product recommendation sections in real time, presenting category suggestions followed by detailed product results. TypeScript support is available.

GitHub: https://github.com/Constructor-io/constructorio-ui-agent-overview

npm: https://www.npmjs.com/package/@constructor-io/constructorio-ui-agent-overview

Storybook: https://constructor-io.github.io/constructorio-ui-agent-overview

AI Shopping Agent UI

Constructor's AI Shopping Agent is a conversational shopping experience that helps shoppers discover products through natural-language chat. This UI library simplifies the integration process by providing React components that handle the fetching and rendering logic for the AI Shopping Agent. TypeScript support is available.

GitHub : https://github.com/Constructor-io/constructorio-ui-asa

npm: https://www.npmjs.com/package/@constructor-io/constructorio-ui-asa

Storybook https://constructor-io.github.io/constructorio-ui-asa

Product Insights Agent UI

Constructor's Product Insights Agent is an conversational agent embedded in product detail pages (PDPs), designed to answer key technical product questions essential for final purchase decisions. This UI library simplifies the integration process by providing React components that handle the fetching and rendering logic for the AI Product Insights Agent. TypeScript support is available.

GitHub :https://github.com/Constructor-io/constructorio-ui-pia

npm : https://www.npmjs.com/package/@constructor-io/constructorio-ui-pia

Storybook : https://constructor-io.github.io/constructorio-ui-pia