[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmention":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":355,"dates":393},"\u002Fexamples\u002Fapps\u002Fmention","detail","apps",true,{"title":9,"description":10,"og_image":11},"Mention design examples - Nicelydone","Explore Mention UI design examples. Media Monitoring, Made Easy","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fmention_sign-up_c545822a_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Mention design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Mention",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmention\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fmention\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":35,"categories":40},"Mention","mention","Media Monitoring, Made Easy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmention-90ce216b.png","https:\u002F\u002Fmention.com",[41,45,49],{"id":42,"title":43,"slug":44},14,"Social","social",{"id":46,"title":47,"slug":48},25,"Marketing","marketing",{"id":50,"title":51,"slug":52},46,"Analytics","analytics",[],[55,352],{"family":56,"examples":57},"screens",[58,91,115,137,158,180,194,213,253,263,300,325],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":89},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},5,"Sign Up","sign-up",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81,85],{"id":78,"title":79,"slug":80},174,"Card","card",{"id":82,"title":83,"slug":84},227,"Stepper","stepper",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":90},[],{"uuid":92,"title":60,"description":93,"canonical_path":29,"image":94,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":95,"component_categories":102,"app":113},"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",[96,98],{"id":68,"label":69,"slug":70,"rank":71,"group":97},{"id":73,"label":74,"slug":75},{"id":73,"label":99,"slug":100,"rank":73,"group":101},"Account Setup","account-setup",{"id":73,"label":74,"slug":75},[103,107,111,112],{"id":104,"title":105,"slug":106},211,"Pagination","pagination",{"id":108,"title":109,"slug":110},277,"Button group","button-group",{"id":78,"title":79,"slug":80},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":114},[],{"uuid":116,"title":117,"description":118,"canonical_path":29,"image":119,"width":62,"height":63,"image_alt":120,"kind":65,"patterns":121,"component_categories":130,"app":135},"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",[122],{"id":123,"label":124,"slug":125,"rank":71,"group":126},77,"Welcome","welcome",{"id":127,"label":128,"slug":129},7,"Onboarding & Education","onboarding-and-education",[131],{"id":132,"title":133,"slug":134},284,"Modal","modal",{"slug":36,"title":35,"logo":38,"categories":136},[],{"uuid":138,"title":117,"description":139,"canonical_path":29,"image":140,"width":62,"height":63,"image_alt":120,"kind":65,"patterns":141,"component_categories":154,"app":156},"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",[142,149],{"id":127,"label":143,"slug":144,"rank":71,"group":145},"Add & Create","add-and-create",{"id":146,"label":147,"slug":148},2,"Actions","actions",{"id":150,"label":151,"slug":152,"rank":73,"group":153},23,"Select","select",{"id":146,"label":147,"slug":148},[155],{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":157},[],{"uuid":159,"title":117,"description":160,"canonical_path":29,"image":161,"width":62,"height":63,"image_alt":120,"kind":65,"patterns":162,"component_categories":175,"app":178},"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",[163,168,173],{"id":164,"label":165,"slug":166,"rank":71,"group":167},75,"Setup Wizard","setup-wizard",{"id":127,"label":128,"slug":129},{"id":169,"label":170,"slug":171,"rank":73,"group":172},22,"Search","search",{"id":146,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":146,"group":174},{"id":146,"label":147,"slug":148},[176,177],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":179},[],{"uuid":181,"title":117,"description":182,"canonical_path":29,"image":183,"width":62,"height":63,"image_alt":120,"kind":65,"patterns":184,"component_categories":187,"app":192},"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",[185],{"id":164,"label":165,"slug":166,"rank":71,"group":186},{"id":127,"label":128,"slug":129},[188,189,190,191],{"id":132,"title":133,"slug":134},{"id":108,"title":109,"slug":110},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":193},[],{"uuid":195,"title":117,"description":196,"canonical_path":29,"image":197,"width":62,"height":63,"image_alt":120,"kind":65,"patterns":198,"component_categories":208,"app":211},"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",[199,201,203],{"id":164,"label":165,"slug":166,"rank":71,"group":200},{"id":127,"label":128,"slug":129},{"id":127,"label":143,"slug":144,"rank":73,"group":202},{"id":146,"label":147,"slug":148},{"id":204,"label":205,"slug":206,"rank":146,"group":207},13,"Filter & Sort","filter-and-sort",{"id":146,"label":147,"slug":148},[209,210],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":29,"image":217,"width":62,"height":63,"image_alt":218,"kind":65,"patterns":219,"component_categories":241,"app":251},"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",[220,228,236,238],{"id":221,"label":222,"slug":223,"rank":71,"group":224},120,"Loading","loading",{"id":225,"label":226,"slug":227},12,"States & Feedback","states-and-feedback",{"id":229,"label":230,"slug":231,"rank":73,"group":232},41,"Dashboard","dashboard",{"id":233,"label":234,"slug":235},4,"Data & Analysis","data-and-analysis",{"id":169,"label":170,"slug":171,"rank":146,"group":237},{"id":146,"label":147,"slug":148},{"id":204,"label":205,"slug":206,"rank":239,"group":240},3,{"id":146,"label":147,"slug":148},[242,246,250],{"id":243,"title":244,"slug":245},260,"Badge","badge",{"id":247,"title":248,"slug":249},240,"Horizontal navigation","horizontal-navigation",{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":252},[],{"uuid":254,"title":255,"description":256,"canonical_path":29,"image":257,"width":62,"height":63,"image_alt":258,"kind":65,"patterns":259,"component_categories":260,"app":261},"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":36,"title":35,"logo":38,"categories":262},[],{"uuid":264,"title":255,"description":265,"canonical_path":29,"image":266,"width":62,"height":63,"image_alt":258,"kind":65,"patterns":267,"component_categories":286,"app":298},"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",[268,276,281],{"id":269,"label":270,"slug":271,"rank":71,"group":272},104,"Team Management","team-management",{"id":273,"label":274,"slug":275},10,"Settings & Admin","settings-and-admin",{"id":277,"label":278,"slug":279,"rank":73,"group":280},100,"Roles & Permissions","roles-and-permissions",{"id":273,"label":274,"slug":275},{"id":282,"label":283,"slug":284,"rank":146,"group":285},47,"Table","table",{"id":233,"label":234,"slug":235},[287,291,295,296,297],{"id":288,"title":289,"slug":290},233,"Tabs","tabs",{"id":292,"title":293,"slug":294},169,"Avatar","avatar",{"id":247,"title":248,"slug":249},{"id":78,"title":79,"slug":80},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":299},[],{"uuid":301,"title":302,"description":303,"canonical_path":29,"image":304,"width":62,"height":63,"image_alt":305,"kind":65,"patterns":306,"component_categories":316,"app":323},"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",[307,312,314],{"id":308,"label":309,"slug":310,"rank":71,"group":311},133,"Invite Teammates","invite-teammates",{"id":146,"label":147,"slug":148},{"id":269,"label":270,"slug":271,"rank":73,"group":313},{"id":273,"label":274,"slug":275},{"id":277,"label":278,"slug":279,"rank":146,"group":315},{"id":273,"label":274,"slug":275},[317,318,319,320,321,322],{"id":288,"title":289,"slug":290},{"id":132,"title":133,"slug":134},{"id":292,"title":293,"slug":294},{"id":247,"title":248,"slug":249},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":324},[],{"uuid":326,"title":230,"description":327,"canonical_path":29,"image":328,"width":62,"height":63,"image_alt":329,"kind":65,"patterns":330,"component_categories":344,"app":350},"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",[331,333,338,340],{"id":229,"label":230,"slug":231,"rank":71,"group":332},{"id":233,"label":234,"slug":235},{"id":334,"label":335,"slug":336,"rank":73,"group":337},40,"Charts","charts",{"id":233,"label":234,"slug":235},{"id":204,"label":205,"slug":206,"rank":146,"group":339},{"id":146,"label":147,"slug":148},{"id":50,"label":341,"slug":342,"rank":239,"group":343},"Stats","stats",{"id":233,"label":234,"slug":235},[345,346,347,348,349],{"id":288,"title":289,"slug":290},{"id":108,"title":109,"slug":110},{"id":292,"title":293,"slug":294},{"id":247,"title":248,"slug":249},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":351},[],{"family":353,"examples":354},"pages",[],[356,358,360,363,366,369,372,375,377,381,385,389],{"label":357,"to":29},"Mention product screens",{"label":359,"to":32},"Mention marketing pages",{"label":361,"to":362},"Mention user flows","\u002Fexamples\u002Fapps\u002Fmention\u002Fflows",{"label":364,"to":365},"Mention UI components","\u002Fexamples\u002Fapps\u002Fmention\u002Fcomponents",{"label":367,"to":368},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":370,"to":371},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":373,"to":374},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":376,"to":18},"All SaaS app examples",{"label":378,"to":379,"description":380},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":382,"to":383,"description":384},"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":386,"to":387,"description":388},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":390,"to":391,"description":392},"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":394,"updated_at":395},"2016-06-06T09:05:00.000Z","2026-09-13T13:02:39.000Z"]