Beautiful UI

Twenty AI-native interface primitives adapted for the BoringUI registry from Beautiful UI.

Installation

This collection preserves the upstream interaction design while replacing its commercial icon dependency, removing demo analytics, and packaging the shared visual foundation with every installable component.

Original project: slev12397/beautiful-ui (MIT). The complete attribution is preserved in THIRD_PARTY_NOTICES.md.

20 componentslight and dark themesreduced-motion fallbacks

Loading State

Pixel-grid loader with shimmer and elapsed time.

Churning0.0s

Thinking

Expandable traces for steps, reasoning, search, and coding.

Streaming Text

Streamed answer with inline sources, actions, and follow-ups.

Scoop Datascoopdata.ioTrends Indextrends.google.comMarket Basketmarketbasket.io

Follow-ups

Approval Card

Human-in-the-loop questions an agent asks before acting.

How many flavors should we launch?
1 / 3

Tool Chips

Code edits and tool calls presented as compact chips.

Task Rows

Live agent task status for running, failed, and completed work.

Matched tax and contact IDs12/12
Flagged stale records0
Reading POS export3 files
Scoring stockout risk68%
Cone supplier follow-updraft
Pistachio reorder notedraft

Chat

Tabbed chat panel with reasoning replies and a composer.

Compare mint chip to last summer
Sales HistoryFlavor Datafor 4s

Pulled 3 summers of mint chip sales for comparison.

ComparisonTrend Detectionfor 2s

Mint chip is up 12% with stronger weekend peaks.

Prompt Bar

Composer with sources, commands, model picker, and dictation.

Recommendation Card

Agent suggestion with confidence, alternatives, and actions.

Want me to place this restock order?

Reorder waffle cones from CCone King with lead time 7 days

Other options

High confidence

Context Cards

Retrieved knowledge chunks with their source metadata.

All chunks32
Vendor onboarding rule290 characters

Cold-chain certification must be verified before a new dairy can be added to the reorder workflow.

PDFDairy Onboarding SOP.pdf
Seasonal demand row1,250 characters

Q4 velocity table: pistachio +18%, vanilla +6%, rocky road -11%; retire flavors below 40 scoops weekly.

CSVSales Velocity Export.csv

Diff Table

AI-proposed edits sweeping through tabular data.

Proposed menu cleanup
FlavorCategorySupplier
Rocky RoadClassicaurora-scoops
BubblegumRetrokumo-creamery
Mint ChipClassicmaple-orbit

Records Table

CRM-style grid with tags, sorting, relationships, and calculations.

Company
1AAlpine Churn — Zürich
B2BGelatoWholesale
4 days agoVery strongalpine-churn.example.com
2AAmber Scoop — Prague
GelatoB2B
over 1 year agoNo communication—
3AAndes Snow Creamery — Quito
GelatoCatering
almost 2 years agoVery weak—
4AApricot Atlas — Algiers
SorbetImports
11 months agoVery weakapricot-atlas.example.com
5AAurora Scoops — Reykjavík
GelatoSeasonal
9 days agoVery strongaurora-scoops.example.com
6BBaltic Berry — Tallinn
Dairy-freeSeasonalB2C
5 weeks agoWeakbaltic-berry.example.com
7BBlack Sesame Social — Bandung
VeganCafeB2C
9 days agoVery strongblack-sesame.example.com
8BBlue Fig Gelato — Florence
GelatoCafe
over 1 year agoVery weakblue-fig.example.com
9BBoreal Batch — Yellowknife
Dairy-freeLocalSeasonal
8 days agoVery strongboreal-batch.example.com
10CCacao Norte — Oaxaca
B2BLocalWholesale
about 2 years agoNo communicationcacao-norte.example.com
11CCape Vanilla Co. — Cape Town
WholesaleImports
over 1 year agoVery weakcape-vanilla.example.com
12CCedar Spoon — Beirut
CafeLocalSeasonal
6 days agoVery strongcedar-spoon.example.com
13CCloudberry Cone — Helsinki
Dairy-freeSeasonal
No contactNo communicationcloudberry-cone.example.com
14CCoconut Commons — Manila
VeganB2CCafe
24 days agoWeakcoconut-commons.example.com
15CCopper Cone — Melbourne
GelatoCafeB2C
about 1 month agoWeakcopper-cone.example.com
16CCoral Coast Sorbet — Honolulu
SorbetLocal
9 days agoVery strongcoral-coast.example.com
17CCrimson Clover — Brussels
GelatoWholesaleCatering
2 months agoWeakcrimson-clover.example.com
18DDelta Dairy Works — New Orleans
B2BWholesaleLocal
2 days agoVery strongdelta-dairy.example.com
19DDolomite Dairy — Bolzano
GelatoWholesale
3 days agoVery strongdolomite-dairy.example.com
20DDragonfruit Dock — Shenzhen
SorbetB2BWholesale
No contactNo communication—
21EEmber Cone Company — Seoul
B2CVegan
15 days agoWeakember-cone.example.com
22EEquator Cream — Kampala
B2BCateringLocal
10 months agoVery weakequator-cream.example.com
23FFjord Fizz Ice — Oslo
Dairy-freeSeasonal
No contactNo communication—
24GGlacier Grove — Anchorage
SeasonalLocalCatering
7 weeks agoWeakglacier-grove.example.com
25HHibiscus House — Accra
SorbetCafe
6 weeks agoWeakhibiscus-house.example.com
26JJuniper & Cream — Vancouver
Dairy-freeCatering
No contactNo communication—
27KKumo Creamery — Tokyo
B2CCafeVegan
3 weeks agoVery strongkumo-creamery.example.com
28LLagoon Ladle — Venice
GelatoSeasonalCatering
7 days agoVery stronglagoon-ladle.example.com
29LLotus Leaf Scoops — Hanoi
VeganCafe
15 days agoWeak—
30LLumen Soft Serve — Copenhagen
Dairy-freeCafe
8 months agoWeaklumen-soft-serve.example.com
31MMango Moon Gelato — Nairobi
SorbetVegan
almost 2 years agoVery weakmango-moon.example.com
32MMaple Orbit — Montréal
B2BWholesaleSeasonal
15 days agoWeakmaple-orbit.example.com
33MMidnight Milk — Tromsø
Dairy-freeVeganWholesale
No contactNo communication—
34MMint Medina — Tunis
Dairy-freeVeganLocal
No contactNo communication—
35MMonsoon Mango — Mumbai
SorbetVeganCatering
18 days agoWeakmonsoon-mango.example.com
36MMooncake Ice Cream — Singapore
B2BWholesale
about 1 month agoVery weakmooncake-ice-cream.example.com
37NNomad Nougat — Ulaanbaatar
ImportsB2B
almost 2 years agoNo communicationnomad-nougat.example.com
38OOlive Snow — Athens
GelatoCafeLocal
4 days agoVery strongolive-snow.example.com
39OOrchard Cloud — Lyon
GelatoSeasonalCafe
5 days agoVery strongorchard-cloud.example.com
40PPacific Pear — Valparaíso
SorbetSeasonal
2 months agoWeakpacific-pear.example.com
41PPalm Sugar Creamery — Bangkok
B2CVegan
3 months agoVery weakpalm-sugar.example.com
42PPampa Creamery — Córdoba
B2CLocal
12 months agoVery weakpampa-creamery.example.com
43PPine & Pistachio — Istanbul
GelatoCatering
about 1 month agoVery weak—
44QQuartz Cone — Denver
B2CWholesale
10 days agoVery strongquartz-cone.example.com
45RRed Lantern Creamery — Taipei
CafeVegan
about 1 month agoWeakred-lantern.example.com
46RRosewater Kulfi — Jaipur
B2CSeasonal
2 months agoVery weak—
47SSaffron Sky Kulfi — Dubai
ImportsCatering
almost 2 years agoVery weaksaffron-sky.example.com
48SSahara Swirl — Marrakech
SorbetLocal
5 months agoVery weak—
49SSalt & Silk — Muscat
ImportsCateringGelato
8 months agoVery weaksalt-and-silk.example.com
50SSilk Road Sorbet — Tbilisi
SorbetImports
about 1 month agoWeaksilk-road.example.com
51SSol y Nieve — Buenos Aires
GelatoLocal
2 months agoWeaksol-y-nieve.example.com
52SSunbird Gelateria — Lisbon
GelatoCafe
over 2 years agoNo communicationsunbird.example.com
53TTamarind Tide — Chennai
VeganSorbetB2C
9 months agoVery weaktamarind-tide.example.com
54TTasman Sea Gelato — Hobart
GelatoLocal
2 months agoWeaktasman-sea.example.com
55TTropic Churn — San Juan
SorbetLocalB2C
6 days agoVery strongtropic-churn.example.com
56UUmber Cream — Warsaw
B2BWholesaleCafe
5 weeks agoWeakumber-cream.example.com
57VVanilla Vale — Antananarivo
ImportsLocal
No contactNo communication—
58WWillow Whip — Portland
Dairy-freeVeganCafe
3 days agoVery strongwillow-whip.example.com
59YYuzu Yard — Kyoto
SorbetCafeSeasonal
11 days agoVery strongyuzu-yard.example.com
60ZZenith Gelato — Auckland
GelatoSeasonal
3 weeks agoWeakzenith-gelato.example.com
60 count—55% average48 links

Filter Table

Status chips that reorganize live data.

Task nameDateStatusAdvisor
Restock mango sorbetDec 03To doMango Moon Gelato
Churn black sesameSep 22In ProgressKumo Creamery
Print summer menuJan 02To doCoral Coast Sorbet
Taste-test batch 42Nov 08In ProgressMaple Orbit
Order waffle conesApr 14CompletedAurora Scoops

Sidebar Nav

Search

Flowchart

Workflow trigger and condition steps on a dotted canvas.

Trigger
If / Else
Iforderis
andorderis

Insight Cards

Paged agent insights with scrub-ready live charts.

Insights3

The worst performer in your @Creamery is Rocky Road — down -6% or -$2,453.44.

Mint Chip-4.41%-$2,377.66
Pistachio+1.15%+$617.22
Trend snapshotSnapshot

Code Block

Agent-written code streaming in line by line.

churn.tsTypeScript
Fine-tune Card
An agent adjusts design properties in an inspector.
Flavor cardAdjust
Layout
Type
Selection Actions
Highlight a passage and hand it to an agent to rewrite.
Pistachio holds the top slot all weekend. Churn it first thing Saturday so the batch has time to firm up before the afternoon rush.