Pieces/Browser(35)

Browser pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

09:41

Appointment

Confirmed

Wednesday, 14 May · 09:00

WithDr Amelia Frost
RoomClinic 2, ground floor
BringReferral letter
Add to calendar

Mobile App Frame

A narrow phone-shaped frame with a status bar, a back-titled header, a confirmation pill, detail rows, and a full-width action.

app.sirius.care/members
Rowan BlakeActive
Amelia FrostIntake
Noah ReyesDischarged

App Window Frame

A browser window chrome with traffic-light dots and a locked URL bar, framing a short list of member rows with status pills.

Bookmark added
Auralis — Independent Design Studio

Bookmark Added

Bookmark confirmation popover with a name field, folder picker, and actions.

You've gone IncognitoNow you can browse privately

Incognito Indicator

Dark private-browsing card with a masked-face icon and a short note.

auralis-press-kit.zip35%
4.2 MB of 12 MB

Download Progress

Active download row with a file icon, progress bar, size read-out, and cancel.

Profile Switcher

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

Save password?stripe.com
mara@auralis.studio••••••••••

Save Password

Password manager bubble offering to store the credentials for the current site.

Domain Stack

Four stacked browser address bars narrowing and fading with depth, each showing a different beste.co subdomain with a lock icon and traffic lights on the front window.

stripe.comConnection is secure
Camera
Allowed
Location
Ask

Site Info Popover

Padlock tile showing secure status for a domain, above a permissions summary with Allowed or Ask.

You're offlineReconnect to the internet to keep browsing.

Offline Banner

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

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

Console Log Entry

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

110%

Zoom Indicator

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

17trackers blocked

Ad Blocker Shield

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

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.