Developer Hub

iOS + Algolia InstantSearch

Build search experiences with UI components and libraries.

A computer on a search page, with recommendations being inserted on the side

What is Algolia

Algolia is a hosted, API-first platform used to build world-class search & discovery experiences.

Start building quickly using libraries for every major language and framework. Scale your solution with a platform that serves over 85 billion queries for more than 13k customers every month.

Learn more about Algolia

Add instantsearch to iOS applications

iOS InstantSearch UI library is

Pre-built, customizable and flexible UI widgets to create your own search experiences - explore the showcase
Provides out of box components that work together like search box, list of results, filtering & sorting interfaces, hierarchical menu, federated search, suggestions and highlighting.
Built on top of the Swift API client, production-ready and maintained by Algolia

Guide to get started with InstantSearch iOS library

Features

Provides pre-built UI components following best practice principles for Mobile for iOS that remain independent from external frameworks
Integrate into your existing UI or app, or use InstantSearch templates
Comes with a default CSS theme, completely customizable
Manages all business logic for search requests, responses, and states
Progressive customization of components (use, extend, or customize)

Version

Compatible with all current versions of the underlying iOS library
Code is entirely open source and available on GitHub
Bootstrap your application, with create-instantsearch-app, NPM, ...

Related Integrations

Works with Autocomplete
And with all our API clients and frameworks

Key links

Documentation

GitHub repo

Community forums

Code exchange

Support

Get started

Search (get a free account here)

1struct ContentView: View {
2
3    @ObservedObject var queryInputController: QueryInputObservableController
4    @ObservedObject var hitsController: HitsObservableController<StockItem>
5
6    @State private var isEditing = false
7
8    var body: some View {
9        VStack(spacing: 7) {
10            SearchBar(text: $queryInputController.query,
11                    isEditing: $isEditing,
12                    onSubmit: queryInputController.submit)
13            HitsList(hitsController) { hit, _ in
14                VStack(alignment: .leading, spacing: 10) {
15                    Text(hit?.name ?? "")
16                    .padding(.all, 10)
17                    Divider()
18                }
19            }
20        }
21    }
22}