Playground · everything here is live

Click around.Watch what runs behind it.

Six working demos drawn from systems we have built. On the left is what a customer, parent or donor touches. On the right is everything that happens on its own because of it.

01

Online shops

The order handles itself.

Your customer picks, pays and gets on with their day. Stock, invoices, labels and the dispatch list sort themselves out behind them.

Pattern from our store and checkout builds

What your customer sees

Demo item

Field Notes, Vol. 2

£24.00

7 in stock

1
Basket#1041

Nothing here yet.

£0.00
Behind the sceneswaiting

Add something to the basket and pay. Everything after that runs on its own.

02

Madrasahs & schools

A register that sends its own follow-ups.

Teachers mark the class in two taps, even with no signal. Parents of absent pupils hear about it in minutes, and the office only sees the cases that need a person.

Based on Hifdhy

What your customer sees

Year 4 · Room 2

Today · 16:45

0 present · 0 late · 0 absent
Behind the sceneswaiting

Tap each pupil to mark them, then submit the register.

03

Masjids & community centres

Change the spreadsheet. The website follows.

The office keeps editing the Google Sheet it already uses, and the site updates itself within seconds. When the broadcast starts, the site knows it's live.

Based on Masjid E Vali

What your customer sees
Timetable · Oct
SalahJamaat
Fajr
6:30
Zuhr
13:30
Asr
17:00
Maghrib
18:54
Isha
20:30
Your website

Next jamaat

Asr · 5:00 pm

  • Fajr5:40 am6:30 am
  • Zuhr1:04 pm1:30 pm
  • Asr4:46 pm5:00 pm
  • Maghrib6:49 pm6:54 pm
  • Isha8:12 pm8:30 pm
Behind the sceneswaiting

Nudge a jamaat time in the sheet, or start the broadcast.

04

Charities & fundraising

Every gift reconciled, claimed and thanked.

Donors give in a few taps, with Gift Aid worked out as they go. The receipts, HMRC records, totals and reconciliation happen without anyone opening a spreadsheet.

Based on Quwwat and the Balkans campaign

What your customer sees
£24,310of £27,589 · 88.1%
Credit a fundraiser

Demo campaign. No real payment is taken.

Behind the sceneswaiting

Choose an amount and give. Watch the paperwork do itself.

05

Trades & service businesses

A quote request that files itself.

Visitors answer a few quick questions instead of filling in a form. The lead lands in your system, routed, attributed and ready for a WhatsApp reply.

Based on EazyBase

What your customer sees
Get a quote1 / 5
  • Hi. What are you thinking of building?
Behind the sceneswaiting

Answer the bot's questions. The lead appears here as soon as it is complete.

06

Courses & memberships

Learning that checks itself, and issues the certificate.

Learners can't skip ahead, questions appear mid-lesson, and passing the quiz produces a certificate anyone can verify. Access to the next module opens on its own.

Based on Islamic Knowledge and the Nikah Portal

What your customer sees

Module 1 · Lesson 3

Foundations of the course

0% watchedSeek locked past 0%
Behind the sceneswaiting

Press play, then try dragging ahead on the progress bar.

Motion & interaction

And the feel of it.The details we build in.

scroll faster
it feels the speed

Scroll faster: the type reacts to your speed

  • magnetic
    pull me in
    kr
    Buttons that lean toward the cursor and spring back.
  • tilt
    tilt_
    Perspective on a spring.move your pointer
    Cards with pointer-tracked perspective.
  • sweep
    websites→software→identity→
    Nav items with an ink panel sliding under the label.
  • layout
    Elements that re-flow smoothly when the layout changes.
  • presence
    • message 1
    • message 2
    • message 3
    Items that animate in and out of a list.
  • characters
    Headlines that arrive letter by letter.