Acme Services portal
Acme Services
Web ViewerContacts
Lena
May 6
$28,400
What You Can Build
Examples of modern web UI you can build for FileMaker with Agentic Coding and a modern web stack.
Featured examples
Start with complete app patterns
These examples show the richest FileMaker web viewer experiences: record workspaces, approval flows, document management, inventory, and power-user command surfaces.
proofkit-accounts.fmp12
Acme Services
Primary contact: Mira Chen
Health score
92%
Open value
$28.4K
Last touch
Today
Discovery call completed
Mira Chen - 9:30 AM
Proposal packet sent
Lena Ortiz - Yesterday
Implementation questions answered
Support desk - Apr 29
Next step
Schedule executive walkthrough and confirm deployment owner.
Related records
3 open projects
12 contacts
7 support tickets
Customer Workspace
Record detail views with tabs, timelines, related contacts, notes, and files.
proofkit-intake.fmp12
Form layout
Project Intake
A guided FileMaker record form with validation, review, and save states.
Request1
Required fields complete
Customer2
Required fields complete
Billing3
Conditional fields shown
Customer
Owner
Request type
Priority
Billing code
PK-IMPL-204
Deposit
$4,800
Internal notes
Rich Record Form
Validated forms with sections, conditional fields, save states, and review panels.
proofkit-approvals.fmp12
Enterprise discount
Acme Services - requested by Mira Chen
Amount
$8,400
Risk
Medium
Submitted
18 min ago
Request summary
Medium riskApprove a 12% contract discount for the expanded services package.
Policy
Manager approval required
Source record
FileMaker request #1048
Reviewer comment
Comment saved
Approval Inbox
Review requests, approve or reject changes, comment, and inspect status history.
proofkit-documents.fmp12
Documents
Document Center
Browse files, tags, metadata, and linked records.
Document Center
File cards, preview panels, tags, attachment metadata, and document actions.
proofkit-inventory.fmp12
Inventory
Inventory Tracker
Monitor stock, reorder points, bins, and adjustments.
Total units
125
Low stock
2
Incoming
126
ItemBinStockReorderStatus
Inventory Tracker
Stock levels, reorder alerts, bin locations, and adjustment workflows.
proofkit-command.fmp12
Power user
Command Center
Search records, trigger actions, and pin shortcuts.
Cmd K
Commands
Records
Command Center
Global search, command palette, recent records, and quick actions for power users.
More patterns
Explore focused UI building blocks
Use these as reusable patterns for scheduling, dashboards, reporting, kanban workflows, and dense data browsing.
proofkit-dispatch.fmp12
Lena Ortiz
North route - 2 assigned jobs
North loop
Estimated drive: 42 min
Service Dispatch
Map-like technician assignments, appointment status, route notes, and job updates.
proofkit-reports.fmp12
Revenue by account
Grouped by Account - showing revenue
Revenue
$131K
Open jobs
25
Avg. margin
54%
Chart block
Switch views and configure output.
Acme
Northstar
Brightline
Harbor
GroupRevenueJobsMargin
Acme Services$42,800861%
Northstar Labs$38,200658%
Brightline Co.$31,400753%
Harbor Studio$18,600444%
Reporting Builder
Saved report views, grouped metrics, export actions, and configurable chart blocks.
proofkit-crm.fmp12
Q2 performance
Dashboard
Revenue, pipeline, and account health at a glance.
Export
Revenue
$128.4K
+18.2% from last month
Active accounts
2,842
+12.5% from last month
Avg. cycle
3.8 days
-9.1% from last month
Revenue trend
Monthly booked revenue
1
2
3
4
5
6
7
8
9
10
11
12
Pipeline mix
Open opportunities
Discovery$24.8K
Proposal$41.2K
Contract$33.6K
Launch$28.8K
AccountOwnerValueStatus
Acme ServicesLena$18.4KActive
Northstar LabsMiles$12.1KReview
Brightline Co.Ari$9.7KActive
Dashboard with Charts
KPIs, trend charts, pipeline mix, and executive reporting views.
proofkit-projects.fmp12
Kanban
Project pipeline
Move work across stages and keep customer projects in view.
Open value
$145K
New card
Backlog
1Active
2Northstar intake board
Northstar Labs
WorkflowPriority
Miles
May 8
$41,200
Brightline service queue
Brightline Co.
SupportSLA
Ari
May 10
$18,900
Review
2Harbor approval flow
Harbor Studio
ApprovalsDesign
Nia
May 12
$12,600
Kestrel patient follow-up
Kestrel Health
HealthTasks
Owen
May 14
$33,700
Closed
1Juniper production tracker
Juniper Works
OpsDashboard
Sofia
Done
$9,800
Kanban Board
Drag-and-drop project management for deals, tasks, and service queues.
proofkit-schedule.fmp12
Calendar
Customer schedule
Plan meetings, follow-ups, and delivery milestones from one FileMaker view.
This month
6 events
New event
May 2026
Click a day to focus the agenda.
All
Consults
Follow-up
Delivery
SunMonTueWedThuFriSat
0
0
0
0
0
1
2
3
4
Design review
5
6
7
Northstar kickoff
Acme follow-up
8
9
10
11
12
Patient portal check-in
13
14
15
16
17
18
Team training
19
20
21
Production launch
22
23
24
25
26
27
28
29
30
31
Interactive Calendar
Drag-and-drop scheduling with event details, filters, and editable agenda cards.
proofkit-contacts.fmp12
Data grid
Contacts
Search, filter, and choose the fields you want to see.
Columns
Search name, company, email, owner, or stage...
AccountContactEmailOwnerStageValueScore
Acme ServicesQualifiedMira Chenmira@acmeservices.exampleLenaQualified$28,40094
Northstar LabsProposalTheo Granttheo@northstarlabs.exampleMilesProposal$41,20088
Brightline Co.QualifiedAri Patelari@brightline.exampleAriQualified$18,90081
Harbor StudioReviewNia Brooksnia@harborstudio.exampleLenaReview$12,60072
Kestrel HealthQualifiedOwen Leeowen@kestrelhealth.exampleMilesQualified$33,70086
Juniper WorksDiscoverySofia Raysofia@juniperworks.exampleLenaDiscovery$9,80065
Data Grid with Filtering
Search, filters, column visibility, and dense record browsing.
Choose a shadcn preset
Pick a visual direction, copy the prompt, and hand it to your coding agent to apply the matching shadcn preset to your ProofKit project.
Build presets in shadcn/ui CreateLyra Terminal
--preset b1GLYNP5USharp mono typography, electric indigo controls, and amber charts for dense technical workspaces.
Luma Workspace
--preset b2WOINJcOSoft Inter layouts with emerald actions and magenta analytics for polished operations apps.
Vega Editorial
--preset b4gfKIwlcElegant Garamond typography, deep teal actions, and warm red charts for refined business tools.
Maia Operations
--preset b4gzXVxFzBalanced IBM Plex Sans screens with blue primary actions and red alert-friendly reporting.
Design beyond these presets
shadcn/ui Create is a visual theme builder for generating shadcn presets: choose fonts, colors, radius, charts, and component styling, then copy the resulting preset into your agent prompt. These examples are starting points, not limits.
ProofKit works with shadcn-compatible presets from shadcn/ui Create or any other shadcn theme creator, design tool, or preset generator that produces a usable preset ID or theme configuration.