Pieces(989)

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.

49–72 of 989

>[1, 2, 3].map((n) => n * 2)

[ 2, 4, 6 ]

REPL

Interactive prompt showing an evaluated expression and its result.

Installing packagesctrl-c to cancel

Loading Line

Single indeterminate line with a spinner and a cancel hint.

components/Button.tsx

function Button({ label }) {

return <button>{label}</button>;

return <button className="btn">{label}</button>;

}

Diff Block

Unified diff with added and removed lines tinted green and red.

➜beste-uigit:(main)✗

Git Prompt

Shell prompt with a git branch segment and a clean or dirty status marker.

12:04:01OKServer ready on port 3000

12:04:03INFOCompiled /dashboard in 240ms

12:04:06WARNSlow query took 412ms

12:04:09ERRFailed to reach cache

Log Stream

Timestamped log lines tagged by level in info, warn, error, and ok colors.

Compiling modules

Bundling assets

Optimizing output

Publishing build

Build Steps

Stacked task list with done, running, and pending status markers.

Installing dependencies72%

Progress Bar

Monospace install line with a segmented progress meter and percentage.

$npm install beste-ui

Install Tabs

Package manager tabs that swap the install command, with a copy button.

deploy

$beste deploy --prod

Building application…Uploading assets…Deployed in 4.2s

Output Window

Window-chrome shell showing a command and its output ending in a success line.

Certified and compliant

SOC 2 Type II

GDPR

ISO 27001

HIPAA

Compliance Badges

Row of shield pills naming the security and privacy standards a product meets.

AKMÖSBJD

2k+

Loved by product teams everywhere

4.9 average from 2,400+ reviews

Endorsement

Overlapping member avatars above a bold trust line and an inline star rating.

Result

+312%

organic signups within the first quarter of launch

Mara LindqvistHead of Growth, Northwind

Result Metric

Outcome-led proof card pairing a headline result figure with a named customer attribution.

4.9out of 5

From 2,400+ reviews

Review Score

Minimal star row over a large average score and review count.

Trusted by 40+ studios

Logo Wall

Captioned grid of grayscale client logos for a quiet trust band beneath a hero.

MRR$48.2k

+12% MoM

Recurring Revenue

Monthly recurring revenue with its growth and a tonal bar history.

Runway14 months

Balance$420k

Monthly burn$30k

Runway

Months of runway over a split of current balance and monthly burn.

Top spending

Rent$1,800

Groceries$640

Transport$220

Leisure$410

Spending Breakdown

Ranked categories, each with an amount and a bar sized to its share.

Credit scoreGood

742

300850

Credit Score

Score figure with a marker placed along its range and a rating word.

Pro plan

$24/mo

Next chargeJul 1, 2026

Subscription

Plan name with its recurring price and the date of the next charge.

High-yield savings

4.30%APY

Compounded daily, paid monthly

Interest Rate

Oversized rate with its unit and a short note on how it compounds.

Portfolio$52,840

+12.4%

Past 12 months

Performance

Value and return paired with a clean sparkline tracing the period's trend.

March

Income$8,420

Expenses$5,180

Net+$3,240

Cash Flow

Income and expense rules leading to an emphasized net figure for the period.

Allocation

Equities52%

Bonds24%

Cash14%

Crypto10%

Allocation

Portfolio split shown as a single tonal bar with a matching percentage legend.

Net worth$248,910

+4.2%this quarter

Net Worth

Headline total with a percentage change and the period it covers.