Library
4 components available— Unlock all with Pro
Design System Kit powers the nf tokens mode
Paste it once in App.Formulas, then copy any component with nf* tokens — rebrand or switch light/dark in one place.
No records yet
Create your first record to get started.
+ Create recordEmpty State
A friendly “no data yet” placeholder: icon, title, helper text and a primary action. Drop it over any gallery with Visible bound to IsEmpty(yourSource).
statesSomething went wrong
Check your connection and try again.
Try againError State
A clear “something went wrong” block: red icon, message and a retry action. Pair it with IfError / Connection.Connected to keep failures friendly.
statesLoading Skeleton
A card-shaped loading placeholder made of muted bars — the modern alternative to a spinner. Show it while your OnVisible collections load.
statesInfo Banner
A dismissible full-width banner for announcements and warnings: icon, message and a close button, toggled by a variable. Visible on paste.
states