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.

A ceramics studio in Porto that runs weekend classes.

Reading the brief

Brief Matches

A brief under a sweeping read, then the sections it matched landing one by one with their strength bars filling. Sits on a solid card or a frosted one, with or without its hairline, and inverts whole.

Downloaded by this page0
Markup0 KB
Styles0 KB
Fonts0 KB
Animation library0 KB
Total

Payload Breakdown

What a page downloads, itemised, every figure counting up to its weight except the one that has nothing to count, which stays at zero while the total climbs past it.

This site is privateyourdomain.com
Enter a password

Every page is covered, not only this one.

Password Gate

The gate a private site shows before any of its pages, its single field filling character by character while the domain it belongs to sits above.

Cookie Preferences
NecessaryRequired
Functional
Analytics
Marketing

Consent Categories

Cookie categories a visitor decides on one at a time, the essential row held on and locked while the others switch under a moving choice.

Integrations
Google Analytics
Google Tag Manager
Meta Pixel
PostHog

Integrations List

Connected services listed one per row, each turning active in turn down the right-hand edge, so the whole set can be read at a glance once it settles.

Feature#feature283
Padding96 px
Container7xl
BackgroundBackground
Card bordersPer block

Section Settings Sidebar

Everything that shapes a section but is kept off the page itself, with a soft highlight travelling down the rows to show each one is a live control.

Post SettingsDraft
Author
Publish Date
Read Time

Post Settings Drawer

The fields that turn a page into a post, filling themselves in one row at a time and finishing on the tags, with the draft state held at the top throughout.

hero-photograph.jpgHero media
EntranceBlur in
Scroll effectParallax
StrengthStrong

Image Motion Settings

One image's own motion settings, with the thumbnail beside them performing what the rows describe: blurring into place, then drifting as though the page were scrolling past it.

Appearance

Images

Image entrance
Scroll effect

Motion

Section animation
Animation speed

Appearance Motion Panel

Site-wide appearance settings grouped the way a builder sidebar groups them, each value arriving from the right as its row lands.

Design Set Specimen

A design language shown as a specimen. The eyebrow, heading, traits and button settle in one after another, and four characters change how all four of them are drawn.

hero181

Portrait Hero

Tall photograph beside a heading, a short paragraph and a checked benefit list.

Section Picker Card

One card from a block picker. Its preview loads behind a sweeping skeleton while the section id, title and description sit ready underneath, the way a picker fills a grid.

0of 25One invoice

Projects On One Plan

Every project a studio runs gathering into one panel, the count against the seat limit climbing as they arrive and one billing line closing it.

Products0

Catalogue List

A catalogue as its owner sees it, each product arriving with its status dot and its price, and the tally at the top climbing as they land.

Tools62 available
list_pages
update_section
create_page
publish

Tool Annotations

An agent's tools listed with what each one touches, the reads and writes annotating themselves in turn and the withheld one striking through last.

npx shadcn@latest add https://ui.beste.co/r/hero181.json
components/hero181.tsx
components/ui/button.tsx

MIT licensed, no account needed

Registry Add Command

The one line that installs a component from an open registry, with the files it writes ticking off underneath it one after another.

We use cookies

We use cookies to improve your browsing experience and analyze site traffic.

Consent Banner

The notice a visitor meets before anything non-essential loads. It rises into place once, with refuse and customise sitting level with accept rather than tucked away.

Give Claude accessyourdomain.com

Connector Approval

The screen that grants an assistant access to one site. What it may do ticks in line by line, and the one thing it may not stays where it lands.

LisbonNow

21°C

Clear sky

Forecast Cycle

Forecast card that walks through the next few hours on its own, swapping the temperature with a soft rise while the sun turns, clouds drift, and rain falls.

Preparing upload
album-cover.png2.4 MBQueued
liner-notes.pdf860 KBQueued
session-take-03.mp448 MBQueued

Upload Queue

Three queued files whose progress bars fill one after another, each settling into a green check while the header counts up to all files uploaded.

BA 117In flight
LHR09:40 · London
JFK12:50 · New York
Landing in 2h 10m0%

Flight Progress

Flight card with a small plane gliding along the arc between two airports as the dotted trail fills behind it and the landing countdown ticks toward Landed.

00:00Recording screen

Recording Bar

Floating capture bar with a pulsing record dot, a timer counting the take, and a level meter whose bars keep dancing.

Blue Note Sessions

Sat 12 Oct, 20:30

Row C, Seat 14Erykah Badu

Hold the code under the scanner

Ticket Scan

Event ticket whose barcode is swept by a scanner line until it clears, flips to a checked in confirmation, then resets for the next guest.

beste-web / production
09:14:02Cloning repository main@8f2c1d

Deploy Log

Streaming build log where timestamped lines append every half second and older ones slide up out of view, with warnings in amber and successes in green until the deploy lands.

Command Run

Dark terminal that types a command after the prompt, prints its output line by line up to a green success line behind a blinking block cursor, then clears and runs again.

Markdown version