# @pagefind/default-ui

> Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users' bandwidth as possible.

Latest version **1.5.2** (published 2026-04-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install @pagefind/default-ui
pnpm add @pagefind/default-ui
yarn add @pagefind/default-ui
bun add @pagefind/default-ui
```

## Health

**Score 60/100 (C)** — status: active.

Positive: esm support; no vulnerabilities; has provenance; high maintenance score.

Warnings: low downloads; no types.

## Facts

| | |
|---|---|
| Version | 1.5.2 |
| Published | 2026-04-12 |
| First published | 2023-02-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 502.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 5470 |
| Author | Pagefind |
| Maintainers | bglw |

## Links

- npm: https://www.npmjs.com/package/@pagefind/default-ui
- Repository: https://github.com/Pagefind/pagefind
- Homepage: https://github.com/Pagefind/pagefind#readme
- Issues: https://github.com/Pagefind/pagefind/issues
- npm.io page: https://npm.io/package/@pagefind/default-ui

## Recent versions

- 1.5.2 (latest) — 2026-04-12
- 1.5.0-beta.2 (beta) — 2026-04-03
- 1.5.0-alpha.4 (alpha) — 2026-01-11
- 1.4.0-rc.3 (rc) — 2025-09-01
- 1.5.0 — 2026-04-06
- 1.5.0-beta.1 — 2026-01-11
- 1.5.0-alpha.3 — 2025-12-26
- 1.5.0-alpha.2 — 2025-10-17
- 1.5.0-alpha.1 — 2025-10-17
- 1.4.0 — 2025-09-01
- 1.4.0-rc.2 — 2025-09-01
- 1.4.0-rc.1 — 2025-09-01
- 1.4.0-alpha.1 — 2025-01-27
- 1.4.0-alpha.0 — 2025-01-19
- 1.3.0 — 2024-12-18
- … 56 more at https://npm.io/package/@pagefind/default-ui/versions

## README

# Pagefind Default UI


Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users' bandwidth as possible. 

Pagefind runs after any static site generator and automatically indexes the built static files. Pagefind then outputs a static search bundle to your website, and exposes a JavaScript search API that can be used anywhere on your site.

See the [Pagefind Documentation](https://pagefind.app/) for full usage.

Quick usage:

> These code snippets assume you have already indexed your website with the Pagefind CLI.

```js
import { PagefindUI } from '@pagefind/default-ui'

window.addEventListener('DOMContentLoaded', (event) => {
    new PagefindUI({ element: "#search" });
});
```

With a bundler configuration that supports CSS:

```js
import { PagefindUI } from '@pagefind/default-ui'
import styles from "@pagefind/default-ui/css/ui.css";

window.addEventListener('DOMContentLoaded', (event) => {
    new PagefindUI({ element: "#search" });
});
```

For all configuration options, see the [Pagefind Documentation](https://pagefind.app/).

---
_Source: https://npm.io/package/@pagefind/default-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._