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 (Coming Soon) 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

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