Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

instantsearch.css

algolia309.4kMIT8.5.1

InstantSearch.css is a CSS library to style InstantSearch-powered search experiences.

algolia, instantsearch, search, css, theme

readme

InstantSearch.css is a CSS library to style InstantSearch-powered search experiences.


Version License Build Status Website

Getting started

Using InstantSearch.css is as simple as adding this CSS code to your existing InstantSearch app:

// Include only the reset
import 'instantsearch.css/themes/reset.css';

// Or include the full Satellite theme
import 'instantsearch.css/themes/satellite.css';

To learn more about the library, follow the guide on how to style your InstantSearch widgets:

Installation

npm install instantsearch.css
# or
yarn add instantsearch.css

Available themes

InstantSearch.css exposes two themes:

If you don't need a theme, you can still use the reset styles to start from a clean slate.

The reset styles are included in all the provided themes. You don't need to import them if you use a theme.

Browser support

We support the last two versions of major browsers (Chrome, Edge, Firefox, Safari).

Implemented versions

InstantSearch.css is a living standard. This table tracks down the version implemented in each InstantSearch flavor.

Project Version
InstantSearch.js 7
React InstantSearch 7
Vue InstantSearch 7

Contributing

We welcome all contributors, from casual to regular 💙

  • Bug report. Is something not working as expected? Send a bug report.
  • Feature request. Would you like to add something to the library? Send a feature request.
  • Documentation. Did you find a typo in the doc? Open an issue and we'll take care of it.
  • Development. If you don't know where to start, you can check the open issues that are tagged easy, the bugs or chores.

To start contributing to code, you need to:

  1. Fork the project
  2. Clone the repository
  3. Install the dependencies: yarn

Please read our contribution process to learn more.

License

InstantSearch.css is MIT licensed.

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

8.5.1 (2024-09-10)

Bug Fixes

  • flavors: remove mentions of angular instantsearch (#6341) (735e8d1)

8.5.0 (2024-08-20)

Features

  • carousel: introduce styling for all themes (#6313) (73b760a)

8.4.0 (2024-07-30)

Features

8.3.0 (2024-07-02)

Features

  • infinite-hits: add top banner to InfiniteHits widget (#6243) (9287532)

8.2.1 (2024-06-04)

Note: Version bump only for package instantsearch.css

8.2.0 (2024-05-21)

Features

  • recommend: introduce relatedProducts widget (#6154) (b8602af)
  • recommend: introduce TrendingItems UI component (#6167) (a9f6535)
  • recommend: set up base CSS styles for frequentlyBoughtTogether widget (#6118) (1f67ba2)
  • recommend: set up base CSS styles for relatedProducts widget (#6148) (75a4b49)

8.1.0 (2023-09-19)

version bump only

8.0.0 (2023-01-03)

BREAKING CHANGES

  • Vendor prefixes are updated to reflect latest browser usage

See previous releases.