Commerce Search & Discovery frontend web components
Alternatives To X
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Applied Ml24,242
13 days ago3mit
📚 Papers & tech blogs by companies sharing their work on data science & machine learning in production.
12 days ago2February 04, 201921Python
E-mails, subdomains and names Harvester - OSINT
Amundsen3,924106 days ago67April 27, 202211apache-2.0Python
Amundsen is a metadata driven application for improving the productivity of data analysts, data scientists and engineers when interacting with data.
20 hours ago183agpl-3.0Ruby
:books: The Open Source Discovery Service
Rssdp19619103 years ago41December 04, 202012mitC#
Really Simple Service Discovery Protocol - a 100% .Net implementation of the SSDP protocol for publishing custom/basic devices, and discovering all device types on a network.
Bing Ip2hosts91
2 years agogpl-3.0Shell
bingip2hosts is a Bing.com web scraper that discovers websites by IP address
6 days ago5November 14, 2021200mitC#
Proteomics search software with integrated calibration, PTM discovery, bottom-up, top-down and LFQ capabilities
X6563 hours ago19September 09, 202216apache-2.0TypeScript
Commerce Search & Discovery frontend web components
2 years agootherPython
Orca - Targeted OSINT Framework
Watson Discovery Ui57
2 years ago6apache-2.0JavaScript
Develop a fully featured Node.js web app built on the Watson Discovery Service
Alternatives To X
Select To Compare

Alternative Project Comparisons

Commerce Search & Discovery: Interface X

License lerna Check branch is releasable GitHub contributors Created by

Whether you use Empathy Search API endpoints, Elasticsearch, Solr or other search APIs, bring your commerce search and discovery experience to life with Interface X, an irresistible, expressive, and joyful search UI. Interface X is used within some of the most beautiful commerce search experiences out there, e.g. Oysho.com, Carrefour.es, Bosch-Home.es, and Kroger.com.

Interface X is a library of standalone, configurable building blocks (available as Vue.js based X Components) that allow you to quickly construct the search UI for your shop. You can create a smooth, personalized search and discovery experience, while significantly minimizing development time.

X Components

Each component represents a graphical part of the UI, with its own unique view and behavior. Theyve been smartly designed to work together yet independently, so a single component adds real value to your UI by itself. The more components you add and combine, the more functionality you get. You can craft your own UI bundle with the right components for your shop. There are numerous components to choose from, and the catalog evolves quickly with new experiences.

See an overview of the Empathy Platform features supported by Interface X.


  • Easy-to-add interface layer. Installing and setting up the interface is simple: just add a few lines of code.
  • Use it anywhere. A search interface layer that is easy to integrate into any website, with X Components ready to use in your Vue.js and React projects.
  • Interoperable. Interface X can adapt and work independently with any search service endpoints!
  • Fully customizable experience. Choose the configuration components, layouts, styles, and behaviors to craft exclusive search and discovery experiences.
  • Expressive design. Wrap the experience up in a neat, intuitive, and interactive UI design that fully matches your brand identity and your websites look and feel.
  • Scalable solution. Extend the experience whenever you want with additional features and components.
  • Intuitive search. Interface X learns from shopper behavior and queries to understand shopper intent.

About the Interface X ecosystem

Interface X is formed by multiple packages. Watch this space as the project will be updated regularly.

While most of the packages are minor dependencies, there is a key package to bear in mind:

  • @empathyco/x-components - This is the core package of the project. These standalone and configurable building blocks allow you to quickly build the search UI for your shop. Create a smooth, personalized search and discovery experience, while significantly minimizing development time.

On top of the packages of this monorepo, there is another project using all the X-Components to build a search experience:

  • @empathyco/x-archetype - This project is Empathys vision of the ideal mix of X Components. A project showing the power of the X Components, ready to connect to any search API with customizable layout through design tokens. It is the perfect example to learn how to use the X Components to get you started. This package is now a project outside this monorepo.

Product documentation

Each component contains inline comments. Alternatively, you can read the product documentation on Empathys eDocs documentation portal.


We are working on many key features to consolidate Interface X, including these milestones:

  • Publish extensive documentation covering functional and technical aspects. Release Docs
  • Support URL management to set X Components state based on URL parameters. Release Docs
  • Create a tagging module to track session interactions without storing PII. Release Docs
  • Create the x-adapter to connect to any Search API based on schemas Release Docs
  • My History feature, Control your search history and have access to previous intentions. Release Docs
  • Use accessibility eslint plugin to improve components a11y. Release Docs
  • Next Queries Preview: A set of results that matches searches that other shoppers performed after the current to be show within the SERP. This helps the shopper to discover interesting products after the search action. This represents Empathy sciences for Inspiration and Cross-Selling. Release Docs
  • Query Results Preview: Provides a list of results matching a query to be inserted before the shopper starts typing as inspiration, in the predictive layer for results matching the current query, or as inspiration in a no results scenario. If you are facing an Archetype type integration, this is how you set the query preview source of data. Release Docs
  • Search box power-ups such as animated suggestions or forbidden character set to prevent code injection. Release Docs
  • Create the x-bus, a library that provides an event bus to help with event orchestration. Release Docs
  • XDS: Interface X Design System Builder is a Tailwind plugin thought to generate a new design system for every customer, for every search experience look&feel. XDS brings the concept of components to UI as X Components do with functional behavior. Release Docs
  • Suggestions with filters that allows to select a query suggestion with a specific filter. Release Docs
  • Result Preview component to rapidly discover more result attributed without leaving the SERP. Release Docs
  • Vue 3 Migration. Release Docs
  • Network Request failure transparency.
  • Project generator CLI.
  • Observability: Error capturing & monitoring.

How to install

This project is a monorepo that is handled by Lerna & pnpm & Nx. To prepare your development environment, proceed as follows:

  1. Install pnpm
  2. Fork the X repository and then clone it to your local environment: git clone https://github.com/empathyco/x.git.
  3. Install the dependencies in the root folder: pnpm install --frozen-lockfile. This links all the projects.

Have a look to this article to see why we moved to a mono repo and how we did it. Take into account that the article talks about the previous version of this monorepo managed by Lerna & npm.

How to implement Interface X

Once you have installed the project, follow the step-by-step guide - How to build your search UI.

Watch Ivan Tajes explanation on how to build a search experience using the X Components.

How to contribute

We are building the Interface X ecosystem. If you are interested in helping us out and being part of the future of search experiences, please check our contributing guidelines.

Core Team

Ivn Tajes

Javier Iglesias

Jose Antonio Cabaeros

Lus Martnez

Beltrn Garca

Gerardo Vzquez

Guillermo Cacheda

Mavi Fernndez

Diego Pascual

Manuel Navarro

Abraham Prez

Anna Condal

lvaro Daz


Contributors image list


Apache 2.0

Popular Discovery Projects
Popular Search Projects
Popular Data Processing Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Search Engine
Event Driven