Find in Page

onboarding3/12
About this piece

Find in Page

Find bar with the query, a current-of-total match counter, and prev/next/close controls.

Usage

The import and the props worth knowing about, in one place.

import { Browser20 } from "@/components/beste/piece/browser20";

<Browser20
  query="onboarding"
  current={3}
  total={12}
/>

More Browser pieces

View all Browser
ui.beste.co/components
Beste UI

Window Frame

Full browser chrome with traffic-light dots, an inline URL bar, and a blank page body beneath.

react
  • react server components
  • react query vs swr
  • react 19 release notes
  • react suspense patterns

Search Suggestions

Search input with blinking cursor above a stacked suggestion list. Recent items swap in a clock icon.

Dashboard
Billing
Settings

Tab Bar

Static browser tab row with favicons and titles. Decorative, not interactive.

Work
GitHub
Linear
Figma
Reading

Bookmark Bar

Row of bookmark chips with folder or star icons. Short labels with soft hover states.

Profile Switcher

Account menu listing profiles with the active one checked and a manage row.

app.beste.co/dashboard

Page Load

Browser frame that sweeps a loading bar under the toolbar while shimmering skeleton blocks resolve into a heading, copy and a button, then reloads.