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.

Office · 5th Ave
Beste HQ · Brooklyn
4.2 mi12 minby car

Route Card

Vertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.

Coordinates
40.7580° N
73.9855° W
Times Square, NY

Coordinates Card

Latitude and longitude in tabular monospace, separated by a dashed line from the resolved place name.

Headquarters
123 Atlantic Avenue
Suite 4B
Brooklyn, NY 11201
United States

Address Card

Plain text address block with an uppercase label, two street lines, city and postal, and a muted country.

Times Square
Manhattan, New York

Map Preview

Compact street-map panel with city blocks, a park, a dotted walking route, and a tone marker pin, captioned by a place name and address line.

# Database
DATABASE_URL=postgres://localhost/beste
REDIS_URL=redis://localhost:6379
# API
API_KEY=sk_test_EXAMPLE_0000
PORT=3000

Env File

Dotenv listing with sky keys, italic muted comments, and grouped sections separated by blank lines.

curl-XPOSThttps://api.beste.co/v1/users
-H"Authorization: Bearer sk_live_..."
-H"Content-Type: application/json"
-d'{"name": "Ada Lovelace"}'

cURL Command

HTTP request rendered as a curl invocation with method, URL, headers, and body across continued lines.

SELECT id, name, email
FROM users
WHERE active = true
ORDER BY created_at DESC
LIMIT 10;

SQL Query

Multi-line SQL with violet keywords, emerald string literals, and amber numerics.

TypeError: Cannot read 'name' of undefined
greet(src/utils.ts:14:12)
handler(src/server.ts:42:8)
processRequest(src/api.ts:88:4)

Stack Trace

Error headline followed by a few stack frames with file paths and amber line and column numbers.

Open command palette
⌘K

Keyboard Shortcut

Action label paired with a row of monospace key caps joined by plus separators.

{
"name":"Beste",
"version":"1.0.0",
"active":true,
"count":42,
"owner":null
}

JSON Snippet

Pretty-printed JSON object with sky keys, emerald strings, and amber numerics.

import{useState, useEffect}from"react";
import{Button}from"@/ui/button";
import{cn}from"@/lib/utils";

Import Block

Stacked import statements with destructured names and module paths in a quiet syntax palette.

const user = await fetchUser("42");

Tokenized Line

Single-line snippet with keywords, strings, and function names colored by semantic token kind.

function greet(name) {
return 'Hi ' + name;
return `Hello, ${name}!`;
}

Diff Snippet

Compact diff card with added, removed, and context lines tinted in emerald and rose.

bun add @beste/ui

Shell Command

Single-line install or run command, prefixed with a dollar sign in monospace.

Website URLs
https://beste.co
Domain verified
Unpublished Changes

You have changes that are not yet published

Publish Panel

Compact deploy card pairing a live URL row, domain verification badge, unpublished-change hint, and a recolorable publish button.

Your page looks empty

Start by adding your first block.

Empty Page

Centered editor placeholder with a soft icon tile, headline, hint line, and a recolorable call-to-action pill.

Feature177 Content#feature177
Heading

No tutorials needed.

Description

If you can order food online, you can build a website with Beste.

Content Panel

Side-panel content editor with a header chip row, locale and history pills, and stacked rich-text fields for heading and description.

Mon
24°15°
Tue
22°14°
Wed
18°12°
Thu
19°13°
Fri
25°16°

Weekly Forecast

Row of day columns with weekday label, condition icon, and a high/low temperature pair.

Istanbul
18°C
CloudyH:21° · L:12°

Weather Card

City name, big temperature, condition label, and a high/low line with an icon tile that colors by condition.

2026-invoice-batch.pdf12 pages OCR'd · English · auto-detected
96% confident

OCR Result

Post-scan card summarizing pages parsed, language, and an emerald confidence pill with its own bar.

project-handoff.zip42 files · 248 MBCompressed from 612 MB · 59% smaller

Archive Bundle

Zip bundle card with an amber archive tile, file count, compressed savings line, and a Download button.

StorageGrowth plan · shared with team
184.2 GB / 250 GB
74% used

Storage Usage

Storage overview with an indigo drive tile, used-over-total numbers, and a gradient progress track.

board-deck.pdfAnyone with the link · Viewer
beste.co/share/Kq91-2Xa
Expires in 7 days

Share Link

Share-ready card with a file header, a joined copy-URL row in mono, and an expiry caption beneath.

Organize uploads
Brand assets124
Press kit 202638
Product screenshots212
Archive · 202596

Folder List

Reorderable folder list with a drag handle, amber folder icon, and an item-count column on the right.

Markdown version