App screens

30 complete, interactive app screens - business apps, content pages, marketing pages and special displays. Every screen fills a wide monitor and works on a phone.

30 screens

01Article readerOne readable column with a reading-progress bar, pull quotes and related stories.

02CRM workspaceCustomer list with a collapsible sidebar on desktop and an off-canvas menu on phones.

03DocumentationThree columns: section menu, article and an on-this-page outline that follows scrolling.

04Analytics dashboardKPI tiles, line and donut charts, a latest-orders table and an activity feed.

05Product landingHero, features, numbers, pricing, reviews and a closing call to action.

06Product catalogueCard grid with category, price and rating filters plus sorting.

07Masonry galleryPictures of mixed heights in columns, category filter and a full-screen viewer.

08Split-screen sign inBrand story on one half, a validated sign-in form on the other.

09News portalBreaking-news ticker, lead story, section blocks and a trending list.

10Search results (F-pattern)Knowledge-base results laid out for F-shaped scanning, with an eye-path overlay.

11App showcase (Z-pattern)Zig-zag feature rows that lead the eye in a Z, with an overlay to show the path.

12Design editor (app shell)Full-screen editor: tools, canvas with draggable shapes, layers and properties.

13Customers master/detailList on the left, the selected record on the right; one pane at a time on phones.

14Sign-up wizardFour validated steps with progress, review and confirmation.

15Customer record (tabs)Profile banner and keyboard-friendly tabs for overview, orders, notes and files.

16Project board (kanban)Drag cards between columns, or use the move buttons on touch screens.

17Room booking schedulerDay and week views; click a free slot to book a meeting room.

18Three-pane inboxFolders, message list and reading pane, like a desktop mail client.

19Data gridFull-screen table with sorting, search, in-cell editing and CSV export.

20Settings & rolesSettings sections, a role permission matrix and a save bar for unsaved changes.

21Bento showcaseProduct highlights in tiles of different sizes.

22Project timelineMilestones in time order, filtered by type.

23Annual report (scrollytelling)A sticky visual that changes as the reader scrolls through the story.

24Pricing & comparisonMonthly or yearly plans, a feature comparison table and FAQ.

25Corporate portal (mega menu)Corporate site with a mega menu on desktop and a drawer on phones.

26Team chatChannels, conversation and members; messages can really be sent.

27Printable quotationA4 quotation that prints cleanly, with totals and signatures.

28Self-service kioskBig touch targets, on-screen keypad and a queue ticket at the end.

29Queue display (TV)Now-serving numbers that update by themselves, counters and a live clock.

30Empty & error states404, 500, 403, no results, offline, maintenance and loading skeletons.