[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmention\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":342,"links":343,"dates":404},"\u002Fexamples\u002Fapps\u002Fmention\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mention product screens examples - Nicelydone","Browse Mention screen design examples. Preview the interface screenshots and explore related UI patterns. Media Monitoring, Made Easy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_sign-up_c545822a_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Mention design examples","\u002Fexamples\u002Fapps\u002Fmention",{"label":23,"to":4},"Mention product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":29,"categories":34},"Mention","mention","Media Monitoring, Made Easy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmention-90ce216b.png","https:\u002F\u002Fmention.com",[35,39,43],{"id":36,"title":37,"slug":38},14,"Social","social",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},46,"Analytics","analytics",[48,81,105,127,148,170,184,203,243,253,290,315],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":79},"4774717e-c338-4ab9-aba5-42b8274650ce","Sign up","Signup screen where the user enters their email, name, and selects whether the account is for personal or company use before proceeding.",2800,1544,"Sign up from Mention","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71,75],{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},227,"Stepper","stepper",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":50,"description":83,"canonical_path":4,"image":84,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":85,"component_categories":92,"app":103},"ed781ea4-29dc-4b78-9ebe-6b04c77a12d6","Signup screen where the user finalizes their account by setting a password or choosing a social login provider after completing previous steps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_sign-up-2_634d5f47_nicelydone.jpg",[86,88],{"id":58,"label":59,"slug":60,"rank":61,"group":87},{"id":63,"label":64,"slug":65},{"id":63,"label":89,"slug":90,"rank":63,"group":91},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[93,97,101,102],{"id":94,"title":95,"slug":96},211,"Pagination","pagination",{"id":98,"title":99,"slug":100},277,"Button group","button-group",{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":52,"height":53,"image_alt":110,"kind":55,"patterns":111,"component_categories":120,"app":125},"f1efc95f-a863-44ce-bc6e-f6ed0a6f4e7f","Onboarding","Onboarding step where a welcome modal introduces core features like alerts, collaboration, and exports before the user creates their first alert.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_onboarding_2cd68533_nicelydone.jpg","Onboarding from Mention",[112],{"id":113,"label":114,"slug":115,"rank":61,"group":116},77,"Welcome","welcome",{"id":117,"label":118,"slug":119},7,"Onboarding & Education","onboarding-and-education",[121],{"id":122,"title":123,"slug":124},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":126},[],{"uuid":128,"title":107,"description":129,"canonical_path":4,"image":130,"width":52,"height":53,"image_alt":110,"kind":55,"patterns":131,"component_categories":144,"app":146},"4382764c-175c-460c-9fb4-c63e0db07357","Create page where the user selects the type of alert they want to monitor by choosing between their company, a competitor, a custom keyword, or a boolean query.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_onboarding-2_03536a05_nicelydone.jpg",[132,139],{"id":117,"label":133,"slug":134,"rank":61,"group":135},"Add & Create","add-and-create",{"id":136,"label":137,"slug":138},2,"Actions","actions",{"id":140,"label":141,"slug":142,"rank":63,"group":143},23,"Select","select",{"id":136,"label":137,"slug":138},[145],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":107,"description":150,"canonical_path":4,"image":151,"width":52,"height":53,"image_alt":110,"kind":55,"patterns":152,"component_categories":165,"app":168},"36c79996-232f-4a4d-879c-9e9fd15dc5aa","Onboarding step where the user searches for and selects a company or product to monitor via an open combobox.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_onboarding-3_4f19db18_nicelydone.jpg",[153,158,163],{"id":154,"label":155,"slug":156,"rank":61,"group":157},75,"Setup Wizard","setup-wizard",{"id":117,"label":118,"slug":119},{"id":159,"label":160,"slug":161,"rank":63,"group":162},22,"Search","search",{"id":136,"label":137,"slug":138},{"id":140,"label":141,"slug":142,"rank":136,"group":164},{"id":136,"label":137,"slug":138},[166,167],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":107,"description":172,"canonical_path":4,"image":173,"width":52,"height":53,"image_alt":110,"kind":55,"patterns":174,"component_categories":177,"app":182},"ed179692-63f7-4ca9-99a5-f083f2ff3d9f","Onboarding step where the user configures priority pages like their company website, Twitter profile, and Facebook page for monitoring.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_onboarding-4_09bbe1e3_nicelydone.jpg",[175],{"id":154,"label":155,"slug":156,"rank":61,"group":176},{"id":117,"label":118,"slug":119},[178,179,180,181],{"id":122,"title":123,"slug":124},{"id":98,"title":99,"slug":100},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":107,"description":186,"canonical_path":4,"image":187,"width":52,"height":53,"image_alt":110,"kind":55,"patterns":188,"component_categories":198,"app":201},"2cbc7f95-3f59-481e-a29e-35709f8b0c69","Wizard step where the user selects specific sources like Twitter and News, and languages like English, to filter their new alert.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_onboarding-4-2_e86ed5e1_nicelydone.jpg",[189,191,193],{"id":154,"label":155,"slug":156,"rank":61,"group":190},{"id":117,"label":118,"slug":119},{"id":117,"label":133,"slug":134,"rank":63,"group":192},{"id":136,"label":137,"slug":138},{"id":194,"label":195,"slug":196,"rank":136,"group":197},13,"Filter & Sort","filter-and-sort",{"id":136,"label":137,"slug":138},[199,200],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":52,"height":53,"image_alt":208,"kind":55,"patterns":209,"component_categories":231,"app":241},"26ac268f-c62d-417f-bfb8-731f16d769ac","Home","Inbox view for brand mentions where the alert history is currently loading and the detail pane shows an informational placeholder.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_home_f8ef80e4_nicelydone.jpg","Home from Mention",[210,218,226,228],{"id":211,"label":212,"slug":213,"rank":61,"group":214},120,"Loading","loading",{"id":215,"label":216,"slug":217},12,"States & Feedback","states-and-feedback",{"id":219,"label":220,"slug":221,"rank":63,"group":222},41,"Dashboard","dashboard",{"id":223,"label":224,"slug":225},4,"Data & Analysis","data-and-analysis",{"id":159,"label":160,"slug":161,"rank":136,"group":227},{"id":136,"label":137,"slug":138},{"id":194,"label":195,"slug":196,"rank":229,"group":230},3,{"id":136,"label":137,"slug":138},[232,236,240],{"id":233,"title":234,"slug":235},260,"Badge","badge",{"id":237,"title":238,"slug":239},240,"Horizontal navigation","horizontal-navigation",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":242},[],{"uuid":244,"title":245,"description":246,"canonical_path":4,"image":247,"width":52,"height":53,"image_alt":248,"kind":55,"patterns":249,"component_categories":250,"app":251},"b2acf93f-f726-465a-802a-d2b396cf9234","Settings","Grid Onboarding Settings Form Account management Account setup Profile settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_settings_3fefabef_nicelydone.jpg","Settings from Mention",[],[],{"slug":30,"title":29,"logo":32,"categories":252},[],{"uuid":254,"title":245,"description":255,"canonical_path":4,"image":256,"width":52,"height":53,"image_alt":248,"kind":55,"patterns":257,"component_categories":276,"app":288},"dd8a9c1d-0765-40a3-9ed4-6aafe7857afa","Settings page where the user manages their team members, assigns roles, and configures alert access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_settings-2_426c6d73_nicelydone.jpg",[258,266,271],{"id":259,"label":260,"slug":261,"rank":61,"group":262},104,"Team Management","team-management",{"id":263,"label":264,"slug":265},10,"Settings & Admin","settings-and-admin",{"id":267,"label":268,"slug":269,"rank":63,"group":270},100,"Roles & Permissions","roles-and-permissions",{"id":263,"label":264,"slug":265},{"id":272,"label":273,"slug":274,"rank":136,"group":275},47,"Table","table",{"id":223,"label":224,"slug":225},[277,281,285,286,287],{"id":278,"title":279,"slug":280},233,"Tabs","tabs",{"id":282,"title":283,"slug":284},169,"Avatar","avatar",{"id":237,"title":238,"slug":239},{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":289},[],{"uuid":291,"title":292,"description":293,"canonical_path":4,"image":294,"width":52,"height":53,"image_alt":295,"kind":55,"patterns":296,"component_categories":306,"app":313},"46074c66-d3d8-4a1d-a49f-22845a85a6ab","Team","Settings page where the user invites a new team member by entering their name and email address, with an option to grant admin privileges.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_team_bc4e8046_nicelydone.jpg","Team from Mention",[297,302,304],{"id":298,"label":299,"slug":300,"rank":61,"group":301},133,"Invite Teammates","invite-teammates",{"id":136,"label":137,"slug":138},{"id":259,"label":260,"slug":261,"rank":63,"group":303},{"id":263,"label":264,"slug":265},{"id":267,"label":268,"slug":269,"rank":136,"group":305},{"id":263,"label":264,"slug":265},[307,308,309,310,311,312],{"id":278,"title":279,"slug":280},{"id":122,"title":123,"slug":124},{"id":282,"title":283,"slug":284},{"id":237,"title":238,"slug":239},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":220,"description":317,"canonical_path":4,"image":318,"width":52,"height":53,"image_alt":319,"kind":55,"patterns":320,"component_categories":334,"app":340},"1e64cd5e-526e-44e3-9c34-3f274202228f","Dashboard showing social listening metrics including total mentions, positive sentiment percentage, and a volume over time line chart for a specific product and date range.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_dashboard_53b120be_nicelydone.jpg","Dashboard from Mention",[321,323,328,330],{"id":219,"label":220,"slug":221,"rank":61,"group":322},{"id":223,"label":224,"slug":225},{"id":324,"label":325,"slug":326,"rank":63,"group":327},40,"Charts","charts",{"id":223,"label":224,"slug":225},{"id":194,"label":195,"slug":196,"rank":136,"group":329},{"id":136,"label":137,"slug":138},{"id":44,"label":331,"slug":332,"rank":229,"group":333},"Stats","stats",{"id":223,"label":224,"slug":225},[335,336,337,338,339],{"id":278,"title":279,"slug":280},{"id":98,"title":99,"slug":100},{"id":282,"title":283,"slug":284},{"id":237,"title":238,"slug":239},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":341},[],[],[344,346,348,350,352,354,356,358,360,362,364,366,368,371,374,377,380,383,386,388,392,396,400],{"label":195,"to":345},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":155,"to":347},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":133,"to":349},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":220,"to":351},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":268,"to":353},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":160,"to":355},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":141,"to":357},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":59,"to":359},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":260,"to":361},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":89,"to":363},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":325,"to":365},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":299,"to":367},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":369,"to":370},"Mention marketing pages","\u002Fexamples\u002Fapps\u002Fmention\u002Fmarketing",{"label":372,"to":373},"Mention user flows","\u002Fexamples\u002Fapps\u002Fmention\u002Fflows",{"label":375,"to":376},"Mention UI components","\u002Fexamples\u002Fapps\u002Fmention\u002Fcomponents",{"label":378,"to":379},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":381,"to":382},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":384,"to":385},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":387,"to":18},"All SaaS app examples",{"label":389,"to":390,"description":391},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":393,"to":394,"description":395},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":397,"to":398,"description":399},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":401,"to":402,"description":403},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":405,"updated_at":406},"2016-06-06T09:05:00.000Z","2026-09-13T13:02:39.000Z"]