Examples
Complete apps, short files
Each example is one .art file from the repository. The client-side ones run in the playground; the full-stack ones run with art dev, which also serves their api and database.Three apps you can use right now
Built with the published package and only the spec. They are static demos: the api, accounts and server fns run in your browser (art build --demo), so your data stays with you. The source is in apps/ in the repository.
Fernwood, a shopCatalog, cart, accounts, a checkout priced and stock-checked by a server fn, order history and an admin.
Northwind, a backofficeA dashboard with Chart.js over server-side aggregates, and orders, customers and products with server-side search, sort and pages.
Brisa, a landing pageA prerendered landing page with CSS animations, light and dark, a pricing toggle and an FAQ.Counter17 lines
State, a computed value and events in ten lines.statecomputedevents
page Counter "/" {
state count = 0
computed double = count * 2
column gap=4 align=center {
title "Counter"
row gap=2 {
button "-" -> count--
text count bold
button "+" primary -> count++
}
text `Double is ${double}` muted
if count > 5 {
text "More than 5!"
}
}
}
Todo list42 lines
Lists, input binding, filters and components.forinputcomponents
Blog44 lines
Pages with routes, a layout, params and meta tags.routeslayoutmeta
art dev examples/blogGitHub
Users CRUD53 lines
A full-stack CRUD: model, REST api and data that reloads itself.modelapidata
art dev examples/usersGitHub
Private notes86 lines
Accounts, per-user data and a server function.authprivateserver fn
art dev examples/notesGitHub
Product catalog84 lines
Admin role, search, sorting and pagination.adminsearchpagination
art dev examples/catalogGitHub
Mini CRM184 lines
Relations, file uploads, live data and a modal.relationsuploadslive
art dev examples/crmGitHub