Pieces(1076)

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Translate this page?From Türkçe to English

Translate Prompt

Sky-tinted languages glyph beside a translate prompt showing source and target language, with a Translate CTA.

React Server Components Explaineddev.to/reactjs/react-server-components-explained
12 min ago

History Entry

History row with a favicon tile, bold title, monospace URL, and a relative-time stamp.

onboarding3/12

Find in Page

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

GitHub
Linear
Stripe
Notion
Slack
Gmail

New Tab Shortcuts

3×2 grid of colored initial tiles with site names below. Classic new-tab quick launcher.

Email address
Saved logins

Autofill Dropdown

Focused email field above a saved-logins popover with each entry's last-used caption.

92
PerformanceExcellent

Page Speed Gauge

Lighthouse-style score ring that colors emerald, amber, or rose by 90/50/below thresholds.

200
OKSuccess

Status Code Badge

HTTP code chip that tints emerald, sky, amber, or rose based on the 2xx/3xx/4xx/5xx family.

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.

Install BesteInstall to get the full-screen app with offline support.

Install Prompt

PWA install card with a primary icon tile, app name, short pitch, and a solid Install button.

Reader
18

Reader Mode Header

Reader-mode control pill with font size adjust, a size readout, and a theme toggle.

Extensions Strip

Row of four colored extension icons and a puzzle manage button, divided by a thin separator.

beste-ui-blocks.zip42%
12s

Download Pill

Pill with a file icon, filename, live percent, progress bar, and remaining-time caption.

We use cookies to measure traffic and improve your experience.

Cookie Banner

Cookie glyph paired with a consent message and Accept / Reject buttons stacked beneath the text.

beste.cowants to send you notifications

Permission Prompt

Modal-style card asking for a browser permission with domain line and Block / Allow buttons.

GET/api/users?page=2200142ms3.4 KB

Network Request

DevTools-style row with a tinted method chip, path, colored status code, and timing and size columns.

DevTools Tab Bar

Monospace tab bar mimicking Chrome DevTools panels. The active tab shows a primary underline.

Nav Controls

Pill of four navigation buttons: back, forward, reload, and home. Back/forward can be disabled.

Work
GitHub
Linear
Figma
Reading

Bookmark Bar

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

https://stripe.com/dashboard

Secure URL Bar

Address pill with an emerald padlock, full URL, and a reload button on the right.

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.

Dashboard
Billing
Settings

Tab Bar

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

https://stripe.com

Browser URL Pill

Tiny address bar with a globe icon and a blinking cursor.

ISTFrom
LHRTo
FlightTK 1971
DateJun 14
Seat12A

Boarding Pass

Airline boarding card with FROM and TO airport codes, a flight line, and a dashed divider above date, flight, and seat.

Beste@withbeste

Verified Handle

Display name followed by a filled badge-check icon and an optional handle. Tone colors the check.

Markdown version