Notification Center

A real notification inbox: unread dots, type-colored icons, relative times, per-row read-on-tap and a working mark-all-as-read — all powered by a collection that initializes itself with demo data. Swap one Table for your notifications source.

Pro component

Subscribe to access this component and the full library.

View plans

NotificationsMark all read

Bob approved your request

New comment on Project X

Low stock alert

YAML source

Preview — full code with PRO

# Notification Center — PowerBlocks (PRO Screen, real controls)
# FUNCTIONAL on paste: notifications live in colNotifs (initialized with demo
# data on first interaction). "Mark all read" and per-row taps update it.
# To go live, replace the demo Table(...) with your notifications source.

- NotifCenter:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      X: =0
      Y: =0
      Width: =Parent.Width
      Height: =Parent.Height
      Fill: =RGBA(10, 10, 10, 1)
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

More screens

PRO

Splash / Loading Screen

PRO

CRUD Screen (List + Detail)

PRO

Multi-Step Form (Wizard)

PRO

App Shell (Sidebar + Top Bar)