Pieces

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.

ui.beste.co/components
Beste UI

Window Frame

browser3

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

https://stripe.com/dashboard

Secure URL Bar

browser4

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

Work
GitHub
Linear
Figma
Reading

Bookmark Bar

browser5

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

Nav Controls

browser6

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

DevTools Tab Bar

browser7

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

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

Network Request

browser8

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

beste.cowants to send you notifications

Permission Prompt

browser9

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

We use cookies to measure traffic and improve your experience.

Cookie Banner

browser10

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

beste-ui-blocks.zip42%
12s

Download Pill

browser11

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

Extensions Strip

browser12

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

Reader
18

Reader Mode Header

browser13

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

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

Install Prompt

browser14

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

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

Search Suggestions

browser15

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

200
OKSuccess

Status Code Badge

browser16

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

92
PerformanceExcellent

Page Speed Gauge

browser17

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

Email address
Saved logins

Autofill Dropdown

browser18

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

GitHub
Linear
Stripe
Notion
Slack
Gmail

New Tab Shortcuts

browser19

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

onboarding3/12

Find in Page

browser20

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

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

History Entry

browser21

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

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

Translate Prompt

browser22

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

17trackers blocked

Ad Blocker Shield

browser23

Emerald shield tile beside a tracker count and a short caption.

110%

Zoom Indicator

browser24

Pill with a zoom-out, a monospace percent readout, a zoom-in, and a reset button.

12:04:18app.js:247
Uncaught TypeError: Cannot read properties of undefined

Console Log Entry

browser25

Dark console row with a colored level bubble, timestamp, source, and the log message.

You're offlineReconnect to the internet to keep browsing.

Offline Banner

browser26

Rose-tinted banner with a Wi-Fi-off tile, bold offline title, and a short reconnect hint.