[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-pageflows-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":46,"alternatives-pageflows-en-US":122,"related-resources-pageflows-en-US":183},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":23,"cons":27,"best_for":30,"cover":31,"icon":32,"pricing":33,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":34,"views_count":35,"featured_rank":10,"categories":36,"tags":41,"files":10},276,"Pageflows","pageflows","https:\u002F\u002Fpageflows.com\u002F","2026-06-12T06:52:38.226622+00:00",null,"Pageflows provides real user flow videos for mobile and web applications, offering in-depth analysis of product interactions and user experience, serving as a valuable resource for designers.","The core of Pageflows is to collect and showcase complete user flow videos from real mobile applications and websites. It captures every step of user interaction when completing specific tasks, including taps, swipes, inputs, and more.\nCovers Mobile and Web Applications\nThe platform's content spans both iOS and Android mobile applications, as well as desktop web applications. This provides designers with cross-platform user experience references.\nDetailed Categorization and Filtering\nAll user flow videos are meticulously categorized and tagged, allowing users to easily search and filter based on multiple criteria, including:\nFlow Type: Such as onboarding, login, sign-up, checkout, content publishing, preference settings, search, etc.\nApp Type: Social, Shopping, Finance, Productivity Tools, etc.\nUI Patterns: Specific interface elements and interaction patterns.\nElement Types: Buttons, cards, lists, text inputs, etc.\nColors, Fonts, Country\u002FRegion, etc.\nIn-depth User Experience (UX) Analysis\nPageflows doesn't just display videos; it also provides in-depth analysis for each flow, helping designers understand successful interaction patterns, micro-interactions, animations, information architecture, and potential user pain points.\nDiscover Best Practices and Trends\nBy observing complete user flows of numerous real applications, designers can quickly identify industry best practices in user experience, the latest design trends, and efficient interaction patterns.\nCollecting and Organizing Inspiration\nUsers can save favorite flows to personal Collections, creating their own mood boards for quick review and reference during project development.\nFocus on Micro-interactions and Details\nDue to its video format, Pageflows can clearly demonstrate micro-interactions, transition animations, loading states, and other details of applications, which are crucial for enhancing the user experience.\nExport and Collaboration\nPageflows offers features for exporting video clips and collaboration, making it convenient for designers to share analysis and discuss within teams.",{"title":14,"meta_description":15},"Pageflows - Pageflows provides real user flow videos for mobile and web applications, offering in-depth analysis of product interactions and user experience, serving as a valuable resource for designers. | DesignToolMark","The core of Pageflows is to collect and showcase complete user flow videos from real mobile applications and websites. It captures every step of user interac...",[17,18,19,20,21,22],"Curated library of real user flow screen recordings from 20,000+ mobile and web applications with step-by-step annotations","Full journey context showing every interaction — taps, swipes, inputs — from start to completion of key tasks","Powerful filtering by flow type (onboarding, checkout, signup), platform (iOS, Android, web), and industry","Annotated video recordings highlighting key UX decisions, micro-interactions, and conversion tactics","Email flow library for discovering email UX patterns from leading products","Team collaboration features with shared collections and batch download capabilities",[24,25,26],"Video recordings capture real interaction dynamics and micro-animations that static screenshots miss","Step-by-step annotations provide context about why design decisions were made, not just what they look like","Affordable pricing starting at $8.25\u002Fmonth with a 5-day free trial",[28,29],"Library size is smaller than screenshot-based competitors like Mobbin","Video format can be slower to browse and compare than static image galleries","Best for UX designers and product managers who need to study complete user interaction flows and understand the behavioral patterns behind successful app designs.","screenshots\u002Fpageflows.webp","ba8af527-fe75-4ee7-b522-0e142543af64.svg","free",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Inspiration","inspiration",[],[42,45],{"name":43,"slug":44},"Landing Page","landing-page",{"name":10,"slug":39},[47,69,84,96],{"id":48,"url":49,"icon":10,"name":50,"slug":51,"tags":52,"cover":65,"tagline":66,"is_featured":67,"date_created":68,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[53,55,57,59,61,63],{"seo":10,"name":54,"slug":33},"Free",{"seo":10,"name":10,"slug":56},"fonts",{"seo":10,"name":10,"slug":58},"icons",{"seo":10,"name":10,"slug":60},"mockups",{"seo":10,"name":10,"slug":62},"ui-kits",{"seo":10,"name":10,"slug":64},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":70,"url":71,"icon":10,"name":72,"slug":73,"tags":74,"cover":81,"tagline":82,"is_featured":67,"date_created":83,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[75,76,79],{"seo":10,"name":54,"slug":33},{"seo":10,"name":77,"slug":78},"Open Source","open-source",{"seo":10,"name":10,"slug":80},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":85,"url":86,"icon":10,"name":87,"slug":88,"tags":89,"cover":93,"tagline":94,"is_featured":67,"date_created":95,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[90,91,92],{"seo":10,"name":54,"slug":33},{"seo":10,"name":10,"slug":62},{"seo":10,"name":10,"slug":39},"7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":97,"url":98,"icon":10,"name":99,"slug":100,"tags":101,"cover":119,"tagline":120,"is_featured":67,"date_created":121,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[102,105,107,108,111,112,113,115,117],{"seo":10,"name":103,"slug":104},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":106},"ai",{"seo":10,"name":54,"slug":33},{"seo":10,"name":109,"slug":110},"Freemium","freemium",{"seo":10,"name":10,"slug":62},{"seo":10,"name":10,"slug":64},{"seo":10,"name":10,"slug":114},"prototyping",{"seo":10,"name":10,"slug":116},"no-code",{"seo":10,"name":10,"slug":118},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[123,129,135,141,147,153,159,165,171,177],{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"https:\u002F\u002Fmobbin.com\u002F","Mobbin","mobbin","27b1b206-f799-4c3e-b8a6-e0bfb77116f6.webp","Mobbin is a leading mobile app design inspiration library, offering a vast collection of real app screenshots to help UI\u002FUX designers discover the latest design trends and patterns.",{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fdribbble.com\u002F","Dribbble","dribbble","screenshots\u002Fdribbble.webp","Dribbble is a community focused on designers' \"shots,\" offering inspiration, talent discovery, and a showcase for small design works.",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fwww.pinterest.com\u002F","Pinterest","pinterest","screenshots\u002Fpinterest.webp","Pinterest is a visual discovery engine where users collect, organize, and share creative inspiration through \"Pins,\" covering design, fashion, home decor, and many other fields.",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fwww.artstation.com\u002F","ArtStation","art-station","screenshots\u002Fart-station.webp","ArtStation is a professional platform for artists to showcase their work, focusing on the games, film, and media industries, offering portfolios, learning resources, and job opportunities.",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fwww.lapa.ninja\u002F","Lapa Ninja","lapa-ninja","screenshots\u002Flapa-ninja.webp","Lapa Ninja is a curated web design inspiration library, focusing on showcasing high-quality landing pages and website designs to help designers gain inspiration and best practices.",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fuxmovement.com\u002F","UX Movement","ux-movement","b4ed07e1-f4f5-4143-b2f8-134e1a5c2d21.webp","UX Movement is a blog focused on User Experience (UX) design, providing in-depth articles that analyze how design choices impact user behavior.",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Ffontsinuse.com\u002F","Fonts In Use","fonts-in-use","screenshots\u002Ffonts-in-use.webp","Fonts In Use is a searchable archive of real-world typography examples, showcasing how fonts are used in actual designs, providing practical inspiration for designers.",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Fwww.itsnicethat.com\u002F","It's Nice That","it-s-nice-that","screenshots\u002Fit-s-nice-that.webp","It's Nice That is an online platform focused on global creative arts and design, providing news, interviews, and curated projects to inspire creatives.",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fwww.siteinspire.com\u002F","Siteinspire","siteinspire","d828093b-129d-44bb-b57a-5fea71108299.webp","Siteinspire is a curated web design inspiration gallery, showcasing high-quality website designs to help designers discover trends, styles, and creativity.",{"url":178,"name":179,"slug":180,"cover":181,"tagline":182},"https:\u002F\u002Fwww.awwwards.com\u002F","Awwwards","awwwards","screenshots\u002Fawwwards.webp","Awwwards is a professional web design awards and resource platform dedicated to discovering, recognizing, and promoting the world's best web design works, offering design trends, inspiration, and practical resources.",[184,189,199],{"url":86,"icon":10,"name":87,"slug":88,"tags":185,"cover":93,"tagline":94,"is_featured":67,"date_created":95,"date_updated":10},[186,187,188],{"seo":10,"name":54,"slug":33},{"seo":10,"name":10,"slug":62},{"seo":10,"name":10,"slug":39},{"url":190,"icon":10,"name":191,"slug":192,"tags":193,"cover":196,"tagline":197,"is_featured":67,"date_created":198,"date_updated":10},"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[194,195],{"seo":10,"name":54,"slug":33},{"seo":10,"name":10,"slug":39},"b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",{"url":200,"icon":10,"name":201,"slug":202,"tags":203,"cover":208,"tagline":209,"is_featured":67,"date_created":210,"date_updated":10},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office",[204,206,207],{"seo":10,"name":10,"slug":205},"collaboration",{"seo":10,"name":10,"slug":116},{"seo":10,"name":10,"slug":39},"72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams","2026-06-23T13:27:14.037123+00:00"]