@whereq/reactWhereQ's React component library

Lightweight, accessible, themeable UI primitives — Scrollbar, Avatar, CountryFlag, Tag, and Toast.

Get Started

Components

GitHub

🪶

Tiny & dependency-free

Native scrollbars, a few bytes of CSS, zero runtime scroll math. ~2 kB gzipped.

🎨

Themeable

Light / dark / auto presets, or full control via colour props and CSS variables.

♿

Accessible & native

Real scrollbars — keyboard, wheel, touch and screen readers all keep working.

🧩

SSR-safe & RSC-ready

Ships a "use client" boundary; styles inject before paint. ESM + CJS + types.

Why @whereq/react?

The Scrollbar was extracted from whereq.cc, our privacy-first photo gallery. Instead of a JavaScript overlay that hijacks the wheel, it styles the native scrollbar — so everything the browser gives you for free (keyboard paging, momentum, accessibility) simply keeps working, while the thin, themeable look stays consistent across your app.

This is the first component in WhereQ's open-source frontend library. More primitives are on the way.

bash

npm install @whereq/react

tsx

import { Scrollbar } from '@whereq/react'

;<Scrollbar style={{ maxHeight: 320 }}>
  <LongList />
</Scrollbar>