Our product, all screens

DrawLapse - infinite canvas

DrawLapse is TechLapse's own infinite canvas, designed in Pune. On the boards the product is labelled Infinite Canvas. Press play on a diagram and follow one message through the system. These 33 boards are the layout record. The product is pre-release.

Screens: 33
Platforms: Web, with phone layouts
Industry: Our own product
Built with: Flutter, Node.js, MongoDB, SQL, React Native, Next.js

Play all 33 screens Get a quote for an app like this

DrawLapse hero diagram with one lit message path through a system of services

Part 01

The diagram

2 screens

DrawLapse hero diagram: one lit message path through a system of services, with everything else still running — 01Hero diagramStep 1 of 33

DrawLapse ad landing for the diagram video, with no site navigation — 02Ad landingStep 2 of 33

Part 02

The bar

4 screens

DrawLapse desktop bar, floating, with the full tool cluster — 03Desktop barStep 3 of 33

DrawLapse fold bar with split zones and select active — 04Fold bar, selectStep 4 of 33

DrawLapse fold bar with the pencil active and the ink control lit — 05Fold bar, pencilStep 5 of 33

DrawLapse compact bar, the same controls centered on a narrow screen — 06Compact barStep 6 of 33

Part 03

The frame

5 screens

DrawLapse desktop layout where an open panel reserves a column — 07Desktop with panelStep 7 of 33

DrawLapse tablet layout: the panel overlays and the dock is centered on the viewport — 08TabletStep 8 of 33

DrawLapse unfolded fold layout, resting, with five controls — 09Fold, restingStep 9 of 33

DrawLapse unfolded fold layout with the pencil active and the ink popover open — 10Fold, pencilStep 10 of 33

DrawLapse unfolded fold layout with the Arch panel over the canvas — 11Fold, Arch panelStep 11 of 33

Part 04

On a phone

3 screens

DrawLapse phone layout with the same tool ring and the same order — 12Phone ringStep 12 of 33

DrawLapse phone sheet at a peek, also the fold cover screen — 13Sheet peekStep 13 of 33

DrawLapse phone sheet opened halfway — 14Sheet halfStep 14 of 33

Part 05

The ring

7 screens

DrawLapse collapsed tool puck, draggable, showing the current tool and ink — 15Collapsed puckStep 15 of 33

DrawLapse open ring with eight slots and Play fixed at 12 o'clock — 16Ring openStep 16 of 33

DrawLapse ring rotated to the right edge, mid-drag — 17Ring rotatingStep 17 of 33

DrawLapse ring as a quarter arc in the corner — 18Corner arcStep 18 of 33

DrawLapse ring flipped to a half-ring on the edge, with a wider radius — 19Edge flipStep 19 of 33

DrawLapse More menu opened from the bar — 20More, from the barStep 20 of 33

DrawLapse More slot living on the ring instead — 21More, on the ringStep 21 of 33

Part 06

Tools

7 screens

DrawLapse pencil tool with an outer arc of colours and nibs — 22Pencil coloursStep 22 of 33

DrawLapse pencil options for ink and nib — 23Pencil inkStep 23 of 33

DrawLapse eraser with a size control only — 24EraserStep 24 of 33

DrawLapse shapes tool with kind and fill tint — 25ShapesStep 25 of 33

DrawLapse text tool with size, style and ink — 26TextStep 26 of 33

DrawLapse connector tool with route, heads and ink — 27ConnectorsStep 27 of 33

DrawLapse stamp tool open on the Arch groups — 28StampsStep 28 of 33

Part 07

Sign in and the site

5 screens

DrawLapse sign-in board. It says drawings stay in the browser, and sign-in is only for the subscription — 29Sign inStep 29 of 33

DrawLapse first-run screen, a one-time offer — 30First runStep 30 of 33

DrawLapse privacy page layout — 31PrivacyStep 31 of 33

DrawLapse marketing home at desktop width — 32Home, desktopStep 32 of 33

DrawLapse marketing home at phone width — 33Home, phoneStep 33 of 33

The product

What the boards show

A still export cannot show traffic through an architecture diagram, so the hero board lights one path and leaves the rest running. The same tools sit on a desktop bar, a folded screen and a phone. The boards do not show multiplayer, cloud sync, or a template library. The sign-in board says drawings stay in the browser.

One path you can play

The hero board traces a single message through the system. Everything else stays visible, but quiet.

The same bar, every width

Desktop, a folded screen, and a 390-pixel bar. An open panel reserves a column on desktop and overlays on a tablet.

A ring that keeps its order

Play stays at 12 o'clock. The ring rotates, flips to an edge, or becomes a corner arc. The phone uses the same order.

Ink, connectors, stamps

Pencil, eraser, text, shapes, arrow heads and routes, and Arch stamps. Each tool opens its own options.

The sign-in board says drawings stay in the browser and in files you save. Sign-in is for the subscription. Card details are marked as handled by Razorpay.

Home and privacy

Marketing home at desktop and phone width, a shared privacy layout, and a first-run offer.

Related services Custom software → Web development →

Need a canvas like DrawLapse?

Tell us what has to stay on the canvas when someone exports or plays it. We reply with a plan, a timeline and a cost range within 24 hours.

✓ Founder-led
✓ Registered Pvt Ltd since 2018
✓ Built in Pune

WhatsApp us

Get a free project quote

Name, phone & requirement - we reply within 1 business day.

Prefer WhatsApp? Chat now →

Scroll