instantsearch.css

• Getting started
• Installation
• Available themes
• Browser support
• Implemented versions
• Contributing
• License

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

---

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:

• InstantSearch.js
• React InstantSearch
• Vue InstantSearch

Installation

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

Available themes

InstantSearch.css exposes two themes:

• Algolia
• Satellite

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.