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