Pieces(1325)

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.

  • Dashboard
  • state
  • render
  • computeStats
onboarding3/12
activation

Launch Checklist

Ship with confidence by running through the five-point review.

  • Verify preview URL
  • Run smoke suite
  • Tag the release
format
  • Format Document
  • Format Selection
  • Reveal in File Explorer
const greet = (name: string) => `Hello, ${name}!`;
const msg = greet("Beste");
function greet(name: string): string

Returns a localized greeting for the given name.

index.tsx
button.tsx
card.tsx
button.tsx
export function Button({ label }) {
  return <button>{label}</button>;
  return <button className="btn">{label}</button>;
}
src
components
beste
button.tsx
user.
  • idstring
  • namestring
  • emailstring
  • save(): Promise<void>
greet.ts
export function greet(name: string) {
  return `Hello, ${name}!`;
}
 
// Ship it
Signups382
Revenue$18.4K
MAU9.8K
ARR$1.82M+8.4%
Churn2.1%-0.3%
NPS48+6%
Recent invoices
AccountPlanAmount
Atlas LabsScale$820
NorthwindPro$420
Stoic & Co.Starter$120
Unread
  • Email14
  • Slack32
  • Push4
Milestones
Design
Build
QA
Launch
Services
  • API
    99.99%
  • Ingest
    99.82%
  • Billing
    99.97%
Last 24h
0006121824
Traffic by device
  • Mobile58%
  • Desktop34%
  • Tablet8%
Weekly sessions
186/ 220
68%
Storage used34 GB of 50 GB
2Critical
6Warning
14Info
4.6
1,284 reviews
5
980
4
208
3
62
2
24
1
10
Markdown version