urbicon ui

depends on nothing

Get started Browse components

Everything in it was made in it.

Fermata

Arrivals this week

ReservedSame-day

Stacked area chart, points: 7, series: 2
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

Same-day arrivals

8 rooms free tonight

Occupancy today · on duty

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 %

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

Guests in house

220 returning · 124 first stay

Blocks

77 components, 363 icons, 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

Data 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

Your AI agent understands how to use the platform and checks everything it creates.

…and more

The rest of the set, one click away

Component	Family	kB	Props
A2UIViewexperimental	ai	101.6	16
Accordion	layout	3.8	18
AccountSettingsbeta	form	27.9	14
Alert	feedback	7.8	15
AreaChartbeta	display	8.9	17
Artifactsin progress	ai	—	0
Avatar	display	8.1	25
AvatarGroup	display	8.7	11
Badge	feedback	9.2	22
BarChartbeta	display	9.0	16
Breadcrumb	navigation	7.1	15
Button	action	5.3	20
ButtonGroup	action	2.1	19
Calendar	display	45.7	61
Card	layout	2.8	19
ChartFramebeta	layout	1.5	12
Chatexperimental	ai	0.8	9
ChatMessageexperimental	ai	39.8	24
ChatMessageListexperimental	ai	42.4	23
Checkbox	form	4.8	22
CitationChipexperimental	ai	7.1	11
CodeBlockexperimental	ai	2.8	18
Collapsible	layout	2.8	18
Combobox	form	15.4	41
CommandPalette	action	14.7	21
CompositionBar	display	10.0	25
ConfirmDialog	overlay	15.1	22
CopyButton	action	11.7	19
CurrencyInput	form	13.7	34
DatePicker	form	54.3	37
DateRangePicker	form	54.3	37
Dialog	overlay	10.6	21
DonutChartbeta	display	7.6	15
Drawer	overlay	10.3	20
EmptyState	layout	1.2	11
FileUpload	form	13.5	32
ForgotPasswordPage	form	22.3	12
FormField	form	1.1	10
Guidebeta	overlay	24.3	9
GuideArticlebeta	display	24.3	9
GuideBeaconbeta	feedback	24.3	10
GuideHintbeta	overlay	24.3	15
GuideMarkerbeta	action	24.3	11
GuideMentionbeta	navigation	24.3	9
GuidePanelbeta	overlay	24.3	13
GuideProviderbeta	overlay	24.3	4
GuideRefbeta	navigation	24.3	7
Input	form	11.0	35
InvitationManagerbeta	form	34.1	9
JourneyTimeline	navigation	10.1	17
Kbd	display	1.1	10
LineChartbeta	display	8.8	17
Link	navigation	1.0	11
LocaleSwitcher	form	15.6	6
LoginPage	form	25.3	18
Menu	action	20.8	40
NotificationBadge	feedback	12.9	9
NotificationCenter	feedback	12.5	11
NotificationListener	data	1.4	6
NumberInputbeta	form	12.4	35
Pagination	navigation	12.8	37
PasskeyManagerbeta	form	24.4	8
PinInput	form	8.8	31
Plannerbeta	display	17.9	35
Popover	overlay	5.0	26
Progress	feedback	7.4	20
PromptInputexperimental	ai	10.7	35
PushPermissionPrompt	feedback	18.3	12
QRCode	display	9.4	19
RadioGroup	form	4.7	21
ReasoningDisclosureexperimental	ai	18.8	14
RegisterPage	form	23.7	18
ResetPasswordPage	form	23.6	16
ResourceTimelinebeta	display	20.5	42
Sankey	display	10.4	27
Scrollerexperimental	layout	9.2	18
SegmentGroup	navigation	4.1	17
Select	form	14.8	39
Separator	layout	0.8	9
SessionManagerbeta	display	21.5	8
Sidebar	layout	2.2	15
SidebarLayout	layout	3.7	19
Skeleton	feedback	6.6	13
Slider	form	11.7	29
Sparklinebeta	display	1.6	14
Spinner	feedback	2.4	13
SplitPaneexperimental	layout	3.6	21
Stepper	navigation	9.4	18
StreamingMarkdownexperimental	ai	16.5	16
Tab	navigation	5.0	18
Table	data	96.3	50
Textarea	form	4.6	23
ThemeSwitcher	action	7.6	12
TimeInputbeta	form	11.5	30
Toast	feedback	10.1	10
Toggle	form	8.2	22
ToolCallCardexperimental	ai	13.9	18
Toolbar	action	1.0	13
Tooltip	display	3.7	19
TwoFactorManagerbeta	form	22.4	12
VerifyEmailPage	feedback	16.3	12

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

A2UIView

ai · blocks · 101.6 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