Tilly UI

The admin and point-of-sale design system behind Tilly POS: 19 components and 2 full screens in plain CSS with design tokens, light and dark themes, built for Angular + Tailwind v4 (and usable anywhere). Open any card on its own page; every page has a light/dark switch.

Made by AIB Digital — Build Better. Grow Further..

Screens

Checkout Screen

Desktop POS checkout composed from the components

Open

Dashboard Screen

Admin dashboard composed from the components

Open

Layout

Page Header

Title, description, one primary action

Open

Sidebar

Module navigation

Open

Top Bar

Branch selector, search, notifications, user

Open

Actions

Button

Primary, secondary, ghost, danger · sizes · states

Open

Forms

Scan Field

Barcode, SKU and name search for checkout

Open

Segmented

Payment method and view switches

Open

Text Field

Label, helper, error, adornments

Open

Data

Data Table

Searchable, sortable records

Open

Stat Card

Dashboard KPIs

Open

Feedback

Alert

Inline messages, including uncertain payments

Open

Badge

Sale, payment, stock and document states

Open

Dialog

Confirm destructive or high-risk actions

Open

Empty State

First use and no results

Open

Toast

Brief confirmation after an action

Open

Checkout

Cart

Persistent cart panel with totals and Charge

Open

Product Tile

Tap-to-add tiles in the POS grid

Open

Quantity Stepper

Change line quantity

Open

Register Status Bar

Cashier, branch, register, shift and connection

Open

Tender

Take payment and show change due

Open