Product Compare is a library for product features, and product plans comparison. It supports multiple CSS frameworks and can be implemented in any HTML layout using data attributes. The library contains an embedded touch-enabled gallery, supports local and session storage, and can compare by text, HTML, or numbers.
The below demo pages demonstrates library features.
The library has a rich set of features, as described below.
The library has a flexible HTML layout that supports any CSS framework.
It’s possible to compare by different data types: text, HTML, and numbers.
Case-sensitive and case-insensitive comparison is supported.
Responsive and touch-enabled gallery with the modern Web Animation API.
There is local storage, session storage, and cookies support.
Great and extensive documentation is included.
It’s possible to have any number of library instances on the same page.
The library is written in TypeScript + ES6 JS and uses modern Web Animation API.
Look & Feel
The user ultimately defines all look & feel of the page; Any HTML layout or CSS can be configured and customized.
The library supports reset buttons that can return the widget to its initial state.