Skip to main content

UI platform for Svelte 5 + Tailwind 4

urbicon ui

Zero dependencies. No drift.

Everything in it was made in it.

Bleecker & Bond

All four houses

Area chart: 5 points, 2 series
CategoryBookedWalk-in
Tue389
Wed4312
Thu3516
Fri5214
Sat6111
Composition: 100 % (4 shares) — Bleecker Cut 52.0 %, Dry Cut 24.0 %, Beard 17.0 %, Colour 7.0 %
ShareValuePercent
Bleecker Cut52 %52.0 %
Dry Cut24 %24.0 %
Beard17 %17.0 %
Colour7 %7.0 %
Returning: 284 (69%)First visit: 128 (31%)412guests
Returning guests this week
SegmentValueShare
Returning28469%
First visit12831%

284 of them had been in before.

Houses today

IN
SA
RD
+7
9 chairs free

Blocks

39 primitives, 44 components, 0 dependencies

Grouping: house
Time
Client
Service
Chair
Status
Price
Bleecker (5 items)
09:45
M. Okafor
The Bleecker Cut
Io
confirmed
$95
10:30
J. Laurent
Beard Architecture
Sable
confirmed
$55
13:00
A. Reyes
Dry Cut & Finish
Ren
walk-in
$70
15:15
T. Nguyen
Colour Consultation
Io
pending
$0
16:00
E. Sato
The Bleecker Cut
Ren
confirmed
$95
Bond (5 items)
09:00
P. Whitfield
The Bleecker Cut
Fen
confirmed
$95
10:30
G. Halloran
Dry Cut & Finish
Alba
confirmed
$70
11:15
S. Duran
Beard Architecture
Noor
pending
$55
13:45
R. Lindqvist
The Bleecker Cut
Fen
confirmed
$95
15:15
K. Marsh
Dry Cut & Finish
Alba
walk-in
$70
Turenne (5 items)
09:45
N. Petit
The Bleecker Cut
Odile
confirmed
$95
11:15
L. Beaumont
Colour Consultation
Marius
pending
$0
13:00
Y. Tanaka
Dry Cut & Finish
Odile
confirmed
$70
14:30
F. Abadi
Beard Architecture
Marius
confirmed
$55
16:00
C. Waweru
The Bleecker Cut
Odile
walk-in
$95
Neubau (5 items)
09:00
H. Sørensen
Dry Cut & Finish
Willa
confirmed
$70
10:30
A. Beck
The Bleecker Cut
Emil
confirmed
$95
13:45
T. Csorba
Beard Architecture
Willa
pending
$55
15:15
J. Kovács
The Bleecker Cut
Emil
confirmed
$95
16:00
O. Adebayo
Dry Cut & Finish
Willa
confirmed
$70

Bleecker (5 items)

Bond (5 items)

Turenne (5 items)

Neubau (5 items)

Table

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

Livery

A2UI

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

Visit the salon

Agents

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

Component
Family
kB
Props
A2UIViewexperimentalai94.016
Accordionlayout3.417
AccountSettingsbetaform26.310
Alertfeedback7.315
AreaChartbetadisplay8.417
Artifactsin progressai0
Avatardisplay7.725
AvatarGroupbetadisplay8.311
Badgefeedback8.722
BarChartbetadisplay8.516
Breadcrumbnavigation6.715
Buttonaction4.820
ButtonGroupaction1.919
Calendardisplay41.761
Cardlayout2.619
ChartFramebetalayout1.111
Chatexperimentalai0.79
ChatMessageexperimentalai37.624
ChatMessageListexperimentalai40.123
Checkboxform4.522
CitationChipexperimentalai6.511
CodeBlockexperimentalai2.618
Collapsiblelayout2.418
Comboboxform14.340
CommandPaletteaction12.717
CompositionBardisplay10.024
ConfirmDialogoverlay13.721
CopyButtonbetaaction10.819
CurrencyInputform11.332
DatePickerform49.535
DateRangePickerform49.535
Dialogoverlay9.720
DonutChartbetadisplay7.315
Draweroverlay9.419
EmptyStatelayout1.011
FileUploadform12.932
ForgotPasswordPageform22.411
FormFieldform0.810
Guidebetaoverlay23.18
GuideArticlebetadisplay23.18
GuideBeaconbetafeedback23.19
GuideHintbetaoverlay23.114
GuideMarkerbetaaction23.110
GuideMentionbetanavigation23.18
GuidePanelbetaoverlay23.112
GuideProviderbetaoverlay23.14
GuideRefbetanavigation23.16
Inputform10.036
InvitationManagerform33.18
JourneyTimelinebetanavigation9.717
Kbdbetadisplay0.910
LineChartbetadisplay8.417
LocaleSwitcherform14.14
LoginPageform25.517
Menuaction18.237
NotificationBadgefeedback8.84
NotificationCenterfeedback13.710
NotificationListenerdata0.35
NumberInputbetaform11.132
Paginationnavigation11.837
PasskeyManagerform20.47
PinInputbetaform8.030
Plannerbetadisplay17.236
Popoveroverlay4.426
Progressfeedback7.020
PromptInputexperimentalai10.335
PushPermissionPromptfeedback18.611
QRCodebetadisplay8.816
RadioGroupform4.421
ReasoningDisclosureexperimentalai17.514
RegisterPageform23.119
ResetPasswordPageform22.412
Sankeydisplay10.127
Scrollerexperimentallayout8.518
SegmentGroupnavigation3.817
Selectform13.439
Separatorlayout0.69
SessionManagerbetadisplay22.17
Sidebarlayout2.015
SidebarLayoutlayout3.018
Skeletonfeedback6.213
Sliderform10.329
Sparklinebetadisplay1.113
Spinnerfeedback2.313
SplitPaneexperimentallayout3.521
Steppernavigation8.717
StreamingMarkdownexperimentalai15.716
Tabnavigation4.516
Tabledata81.748
Textareaform3.923
ThemeSwitcheraction7.011
TimeInputbetaform9.828
Toastfeedback9.810
Toggleform7.922
ToolCallCardexperimentalai12.916
Toolbaraction0.813
Tooltipdisplay3.619
TwoFactorManagerbetaform22.411
VerifyEmailPagefeedback17.511

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

A2UIView

ai · blocks · 94.0 kB

Turns a model's UI description into live components — the agent proposes, your design system renders.

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 salon — service, chair, time"

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

Book a chair

Service
$95 · 45 min

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