urbicon ui

depends on nothing

Everything in it was made in it.

Fermata

All three houses

Arrivals this week

Reserved
Same-day

Area chart: 7 points, 2 series, stacked
Category	Reserved	Same-day
Mon	30	4
Tue	24	4
Wed	27	5
Thu	33	6
Fri	49	9
Sat	60	11
Sun	38	6

Revenue by room type

Composition: 100 % (4 shares) — Room 33.0 %, Garden 25.0 %, Corner 22.0 %, Suite 20.0 %
Share	Value	Percent
Room	33 %	33.0 %
Garden	25 %	25.0 %
Corner	22 %	22.0 %
Suite	20 %	20.0 %

Guests in house

Returning guests this week
Segment	Value	Share
Returning	220	64%
First stay	124	36%

220 returning · 124 first stay

Occupancy today · on duty

Take same-day arrivals

6 rooms free tonight

Blocks

39 primitives, 45 components, 0 dependencies

Grouping: House

	Time	Guest	Room	Nights	Status	Rate
Cala (5 items)
	14:00	M. Okafor	Garden	3	confirmed	€900
	14:30	G. Halloran	Room	4	confirmed	€960
	15:00	H. Sørensen	Garden	4	confirmed	€1200
	16:00	T. Nguyen	Room	3	same-day	€720
	17:15	J. Kovács	Room	2	same-day	€480
Firn (5 items)
	14:30	J. Laurent	Room	2	confirmed	€480
	15:45	S. Duran	Corner	3	confirmed	€1080
	16:15	A. Beck	Corner	3	pending	€1080
	16:45	E. Sato	Corner	5	confirmed	€1800
	18:00	O. Adebayo	Suite	5	confirmed	€2600
Duna (5 items)
	14:15	C. Waweru	Room	2	confirmed	€480
	15:15	A. Reyes	Suite	4	pending	€2080
	16:30	T. Csorba	Garden	6	confirmed	€1800
	17:00	R. Lindqvist	Suite	7	pending	€3640
	17:30	P. Whitfield	Garden	2	confirmed	€600

Cala (5 items)

Firn (5 items)

Duna (5 items)

Table

Enterprise grid: sorting, grouping, selection, virtual rows, remote data, live updates

Demo only — a fictional hotel. Nothing here can be booked.

House

A2UI

AI chat creates interactive components on the fly. Tool-controlled, safe, custom-themed.

Visit the demo hotel

Agents

Let agents write and maintain clean and consistent, readable code.

…and more

The rest of the set, one click away

Component	Family	kB	Props
A2UIViewexperimental	ai	96.3	16
Accordion	layout	3.4	17
AccountSettingsbeta	form	28.9	14
Alert	feedback	7.4	15
AreaChartbeta	display	8.5	17
Artifactsin progress	ai	—	0
Avatar	display	7.8	25
AvatarGroup	display	8.4	11
Badge	feedback	8.8	22
BarChartbeta	display	8.6	16
Breadcrumb	navigation	6.8	15
Button	action	5.2	20
ButtonGroup	action	1.9	19
Calendar	display	43.5	60
Card	layout	2.7	19
ChartFramebeta	layout	1.1	11
Chatexperimental	ai	0.7	9
ChatMessageexperimental	ai	38.4	24
ChatMessageListexperimental	ai	40.9	23
Checkbox	form	4.5	22
CitationChipexperimental	ai	6.5	11
CodeBlockexperimental	ai	2.6	18
Collapsible	layout	2.4	18
Combobox	form	14.5	40
CommandPalette	action	12.8	17
CompositionBar	display	9.6	23
ConfirmDialog	overlay	14.2	21
CopyButton	action	11.3	19
CurrencyInput	form	12.6	33
DatePicker	form	51.3	35
DateRangePicker	form	51.3	35
Dialog	overlay	9.8	20
DonutChartbeta	display	7.4	15
Drawer	overlay	9.6	19
EmptyState	layout	1.0	11
FileUpload	form	13.1	32
ForgotPasswordPage	form	23.7	12
FormField	form	0.8	10
Guidebeta	overlay	23.7	8
GuideArticlebeta	display	23.7	8
GuideBeaconbeta	feedback	23.7	9
GuideHintbeta	overlay	23.7	14
GuideMarkerbeta	action	23.7	10
GuideMentionbeta	navigation	23.7	8
GuidePanelbeta	overlay	23.7	12
GuideProviderbeta	overlay	23.7	4
GuideRefbeta	navigation	23.7	6
Input	form	10.1	35
InvitationManagerbeta	form	35.0	9
JourneyTimeline	navigation	9.8	17
Kbd	display	0.9	10
LineChartbeta	display	8.5	17
LocaleSwitcher	form	14.4	5
LoginPage	form	26.8	18
Menu	action	19.8	39
NotificationBadge	feedback	9.0	6
NotificationCenter	feedback	14.8	11
NotificationListener	data	1.4	6
NumberInputbeta	form	11.2	33
Pagination	navigation	12.2	37
PasskeyManagerbeta	form	21.7	8
PinInputbeta	form	8.1	30
Plannerbeta	display	17.5	36
Popover	overlay	4.4	26
Progress	feedback	7.2	20
PromptInputexperimental	ai	10.4	35
PushPermissionPrompt	feedback	19.9	12
QRCode	display	8.9	16
RadioGroup	form	4.4	21
ReasoningDisclosureexperimental	ai	17.6	14
RegisterPage	form	25.1	18
ResetPasswordPage	form	25.0	16
ResourceTimelinebeta	display	19.4	42
Sankey	display	10.2	27
Scrollerexperimental	layout	8.6	18
SegmentGroup	navigation	3.9	17
Select	form	13.7	39
Separator	layout	0.6	9
SessionManagerbeta	display	23.4	8
Sidebar	layout	2.1	15
SidebarLayout	layout	3.1	18
Skeleton	feedback	6.3	13
Slider	form	10.5	29
Sparklinebeta	display	1.1	13
Spinner	feedback	2.3	13
SplitPaneexperimental	layout	3.6	21
Stepper	navigation	9.0	17
StreamingMarkdownexperimental	ai	15.8	16
Tab	navigation	4.9	18
Table	data	92.1	50
Textarea	form	3.9	23
ThemeSwitcher	action	7.1	11
TimeInputbeta	form	9.9	28
Toast	feedback	9.9	10
Toggle	form	7.9	22
ToolCallCardexperimental	ai	13.3	18
Toolbar	action	0.9	13
Tooltip	display	3.6	19
TwoFactorManagerbeta	form	23.7	12
VerifyEmailPage	feedback	18.4	12

kB is gzipped, net of the 4.6 kB foundation and the Svelte runtime your app bundles anyway.

A2UIView

ai · blocks · 96.3 kB

Turns a model's UI description into live components from your design system.

Install

bunx sv create my-app --add @urbicon-ui

bunx urbicon init --hook

From an empty folder to a themed app your agent can build in — the first command installs and wires Tailwind, the second brings the agent into the design loop.

Existing SvelteKit app? bunx sv add @urbicon-ui

Ask

claude "a neon-magenta booking page for the hotel — room, dates, guests"

In your words. No component names, no token names.

Book a stay

Room

Room €240 a night Garden Room €300 a night Corner Room €360 a night Suite €520 a night

House

€300 a night · breakfast till noon

Ship

correctness 100/100 · craft 100/100 · 0 error(s), 0 warning(s), 0 craft note(s)

✓ no issues

Built with the set — the gate ran on every file the agent touched.

Full guide