[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fchange\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":333,"links":334,"dates":392},"\u002Fexamples\u002Fapps\u002Fchange\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Change product screens examples - Nicelydone","Browse Change screen design examples. Preview the interface screenshots and explore related UI patterns. The world’s platform for change","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_sign-in_8b5c7b93_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},"Change design examples","\u002Fexamples\u002Fapps\u002Fchange",{"label":23,"to":4},"Change 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,"categories":34},"Change","change","The world’s platform for change","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fchange-d8a113f6.png","https:\u002F\u002Fwww.change.org",[35,39],{"id":36,"title":37,"slug":38},1,"Communities","communities",{"id":40,"title":41,"slug":42},40,"Crowdsourcing","crowdsourcing",[44,72,89,106,144,178,193,208,228,246,268,309],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":61,"app":70},"ba8c607f-ec29-4930-b041-7e9a59465458","Sign in","Sign-in overlay where the user authenticates via Facebook or with their email and password.",2800,1544,"Sign in from Change","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":36,"label":59,"slug":60},"Access & Account","access-and-account",[62,66],{"id":63,"title":64,"slug":65},284,"Modal","modal",{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":48,"height":49,"image_alt":77,"kind":51,"patterns":78,"component_categories":84,"app":87},"aa247576-805c-40ea-96ce-5e45e8b165d2","Password reset","Password recovery modal where the user enters their email address to receive a password reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_password-reset_caa74d56_nicelydone.jpg","Password reset from Change",[79],{"id":80,"label":81,"slug":82,"rank":57,"group":83},2,"Forgot Password","forgot-password",{"id":36,"label":59,"slug":60},[85,86],{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":48,"height":49,"image_alt":94,"kind":51,"patterns":95,"component_categories":101,"app":104},"45d268d3-42ac-497a-9a20-0dc9ddc8e91a","Sign up","Signup modal where the user can create an account using Facebook or by entering their name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_sign-up_d37b0b1b_nicelydone.jpg","Sign up from Change",[96],{"id":97,"label":98,"slug":99,"rank":57,"group":100},5,"Sign Up","sign-up",{"id":36,"label":59,"slug":60},[102,103],{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":48,"height":49,"image_alt":111,"kind":51,"patterns":112,"component_categories":131,"app":142},"4a18cf54-a9cf-4f98-bf75-0a3d81cf00ac","Onboarding","Onboarding modal where the user provides their name, country, and an optional profile photo before continuing to start a petition.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_onboarding_5de2cf23_nicelydone.jpg","Onboarding from Change",[113,117,125],{"id":36,"label":114,"slug":115,"rank":57,"group":116},"Account Setup","account-setup",{"id":36,"label":59,"slug":60},{"id":118,"label":119,"slug":120,"rank":36,"group":121},3,"Profile","profile",{"id":122,"label":123,"slug":124},11,"Social & Collaboration","social-and-collaboration",{"id":122,"label":126,"slug":127,"rank":80,"group":128},"Edit","edit",{"id":80,"label":129,"slug":130},"Actions","actions",[132,133,137,141],{"id":63,"title":64,"slug":65},{"id":134,"title":135,"slug":136},169,"Avatar","avatar",{"id":138,"title":139,"slug":140},240,"Horizontal navigation","horizontal-navigation",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":146,"description":147,"canonical_path":4,"image":148,"width":48,"height":149,"image_alt":150,"kind":51,"patterns":151,"component_categories":165,"app":176},"1636a0c7-9fd0-4743-a4cc-4cd1af1c0c33","Create","Creation wizard step where the user enters a title for their new petition and views guidance on writing an effective one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_create_f64ed1f4_nicelydone.jpg",2546,"Create from Change",[152,160],{"id":153,"label":154,"slug":155,"rank":57,"group":156},75,"Setup Wizard","setup-wizard",{"id":157,"label":158,"slug":159},7,"Onboarding & Education","onboarding-and-education",{"id":161,"label":162,"slug":163,"rank":36,"group":164},72,"Getting Started","getting-started",{"id":157,"label":158,"slug":159},[166,170,174,175],{"id":167,"title":168,"slug":169},227,"Stepper","stepper",{"id":171,"title":172,"slug":173},174,"Card","card",{"id":138,"title":139,"slug":140},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":146,"description":180,"canonical_path":4,"image":181,"width":48,"height":182,"image_alt":150,"kind":51,"patterns":183,"component_categories":186,"app":191},"b710512a-3bf9-4abc-b84d-15ffb7edce4f","Creation wizard step where the user inputs the decision maker for their petition, accompanied by a helper card with tips.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_create-2_1959de19_nicelydone.jpg",2352,[184],{"id":153,"label":154,"slug":155,"rank":57,"group":185},{"id":157,"label":158,"slug":159},[187,188,189,190],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":138,"title":139,"slug":140},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":146,"description":195,"canonical_path":4,"image":196,"width":48,"height":197,"image_alt":150,"kind":51,"patterns":198,"component_categories":201,"app":206},"0e947b1e-84a3-431e-95ab-97b259a87425","Create page where the user writes the detailed description for their petition, guided by a list of best practices for inspiring readers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_create-3_e0a4ca98_nicelydone.jpg",3044,[199],{"id":153,"label":154,"slug":155,"rank":57,"group":200},{"id":157,"label":158,"slug":159},[202,203,204,205],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":138,"title":139,"slug":140},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":207},[],{"uuid":209,"title":146,"description":210,"canonical_path":4,"image":211,"width":48,"height":212,"image_alt":150,"kind":51,"patterns":213,"component_categories":221,"app":226},"f80f39df-300b-4422-a429-2135bcbeec5e","Wizard step where the user uploads a photo or embeds a video for their petition.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_create-4_98d36b14_nicelydone.jpg",2854,[214,219],{"id":215,"label":216,"slug":217,"rank":57,"group":218},25,"Upload & Download","upload-and-download",{"id":80,"label":129,"slug":130},{"id":122,"label":126,"slug":127,"rank":36,"group":220},{"id":80,"label":129,"slug":130},[222,223,224,225],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":138,"title":139,"slug":140},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":227},[],{"uuid":229,"title":146,"description":230,"canonical_path":4,"image":231,"width":48,"height":232,"image_alt":150,"kind":51,"patterns":233,"component_categories":241,"app":244},"7b7d6908-337d-4a9d-a097-cee7938f1d2c","Creation step where the user previews their drafted petition and can either return to edit or publish it live.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_create-5_53b31529_nicelydone.jpg",2198,[234,239],{"id":235,"label":236,"slug":237,"rank":57,"group":238},17,"Publish","publish",{"id":80,"label":129,"slug":130},{"id":122,"label":126,"slug":127,"rank":36,"group":240},{"id":80,"label":129,"slug":130},[242,243],{"id":138,"title":139,"slug":140},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":146,"description":248,"canonical_path":4,"image":249,"width":48,"height":250,"image_alt":150,"kind":51,"patterns":251,"component_categories":261,"app":266},"2cf93e16-5008-4068-a00d-85760d4ab3e8","Content editor where the user drafts a petition, including adding a title, author details, media uploads, and a rich text body.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_create-6_56b0a140_nicelydone.jpg",2856,[252,254],{"id":122,"label":126,"slug":127,"rank":57,"group":253},{"id":80,"label":129,"slug":130},{"id":255,"label":256,"slug":257,"rank":36,"group":258},58,"Media Editor","media-editor",{"id":97,"label":259,"slug":260},"Media & Tools","media-and-tools",[262,263,264,265],{"id":134,"title":135,"slug":136},{"id":171,"title":172,"slug":173},{"id":138,"title":139,"slug":140},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":270,"description":271,"canonical_path":4,"image":272,"width":48,"height":49,"image_alt":273,"kind":51,"patterns":274,"component_categories":296,"app":307},"9038bd82-dd05-41d0-b4fb-1e48d1abc552","Dropdown","Landing page where a logged-in user can start a new petition or browse a carousel of recent petition victories, such as a campaign for anti-bullying laws.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_dropdown_934a47a7_nicelydone.jpg","Dropdown from Change",[275,283,291],{"id":276,"label":277,"slug":278,"rank":57,"group":279},81,"Home","home",{"id":280,"label":281,"slug":282},8,"Pages & Content","pages-and-content",{"id":284,"label":285,"slug":286,"rank":36,"group":287},65,"Navigation Menu","navigation-menu",{"id":288,"label":289,"slug":290},6,"Navigation & Commands","navigation-and-commands",{"id":292,"label":293,"slug":294,"rank":80,"group":295},79,"Browse","browse",{"id":280,"label":281,"slug":282},[297,301,305,306],{"id":298,"title":299,"slug":300},258,"Header","header",{"id":302,"title":303,"slug":304},260,"Badge","badge",{"id":134,"title":135,"slug":136},{"id":171,"title":172,"slug":173},{"slug":30,"title":29,"logo":32,"categories":308},[],{"uuid":310,"title":311,"description":312,"canonical_path":4,"image":313,"width":48,"height":49,"image_alt":314,"kind":51,"patterns":315,"component_categories":324,"app":331},"3ca5f613-19e7-4d39-8cee-f2b7f752cd1a","Settings","Settings page where the user navigates to profile, password, email, and account closure options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fchange_settings_b7b0cf02_nicelydone.jpg","Settings from Change",[316],{"id":317,"label":318,"slug":319,"rank":57,"group":320},94,"Account Settings","account-settings",{"id":321,"label":322,"slug":323},10,"Settings & Admin","settings-and-admin",[325,329,330],{"id":326,"title":327,"slug":328},177,"Breadcrumb","breadcrumb",{"id":134,"title":135,"slug":136},{"id":138,"title":139,"slug":140},{"slug":30,"title":29,"logo":32,"categories":332},[],[],[335,337,339,341,343,345,347,349,351,353,355,357,359,362,365,368,371,374,376,380,384,388],{"label":126,"to":336},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":154,"to":338},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":318,"to":340},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":114,"to":342},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":293,"to":344},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":81,"to":346},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":162,"to":348},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":277,"to":350},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":256,"to":352},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":285,"to":354},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":119,"to":356},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":236,"to":358},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":360,"to":361},"Change marketing pages","\u002Fexamples\u002Fapps\u002Fchange\u002Fmarketing",{"label":363,"to":364},"Change user flows","\u002Fexamples\u002Fapps\u002Fchange\u002Fflows",{"label":366,"to":367},"Change UI components","\u002Fexamples\u002Fapps\u002Fchange\u002Fcomponents",{"label":369,"to":370},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":372,"to":373},"Crowdsourcing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrowdsourcing",{"label":375,"to":18},"All SaaS app examples",{"label":377,"to":378,"description":379},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":381,"to":382,"description":383},"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":385,"to":386,"description":387},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":389,"to":390,"description":391},"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":393,"updated_at":394},"2016-07-12T08:00:00.000Z","2026-09-13T13:02:39.000Z"]