[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpusher\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":350,"links":351,"dates":409},"\u002Fexamples\u002Fapps\u002Fpusher\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Pusher product screens examples - Nicelydone","Browse Pusher screen design examples. Preview the interface screenshots and explore related UI patterns. Build apps, not infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_sign-in_1fd6210a_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},"Pusher design examples","\u002Fexamples\u002Fapps\u002Fpusher",{"label":23,"to":4},"Pusher 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":30,"categories":34},"Pusher","pusher","Build apps, not infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpusher-cb5812fe.png","https:\u002F\u002Fpusher.com",[35,39],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",[44,81,98,119,171,182,210,227,242,273,298,326],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":70,"app":79},"a05799b7-4e18-44fa-befc-ce233369cd40","Sign in","Sign-in screen where the user authenticates with email, GitHub, or Google, currently showing an error state on the email input.",2800,1544,"Sign in from Pusher","screen",[53,62],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",{"id":63,"label":64,"slug":65,"rank":59,"group":66},116,"Error","error",{"id":67,"label":68,"slug":69},12,"States & Feedback","states-and-feedback",[71,75],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":4,"image":85,"width":48,"height":49,"image_alt":86,"kind":51,"patterns":87,"component_categories":93,"app":96},"94210a6b-546b-46cf-9fb4-1bdb1b1c8229","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_password-reset_35bf3c3b_nicelydone.jpg","Password reset from Pusher",[88],{"id":89,"label":90,"slug":91,"rank":57,"group":92},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[94,95],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":48,"height":49,"image_alt":103,"kind":51,"patterns":104,"component_categories":110,"app":117},"0c8479b8-d454-4904-b3e9-f6e16c422ac6","Sign up","Signup screen where the user creates a free account using an email and password or via GitHub or Google OAuth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_sign-up_105e9e99_nicelydone.jpg","Sign up from Pusher",[105],{"id":106,"label":107,"slug":108,"rank":57,"group":109},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[111,115,116],{"id":112,"title":113,"slug":114},277,"Button group","button-group",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":124,"height":49,"image_alt":125,"kind":51,"patterns":126,"component_categories":155,"app":169},"9dfd744b-74ef-42ca-8fd0-b234e3388654","Onboarding","Onboarding modal where the user names their first app, selects a cluster region, indicates their tech stack, and invites collaborators.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_onboarding_6d0090d4_nicelydone.jpg",2780,"Onboarding from Pusher",[127,135,142,146],{"id":128,"label":129,"slug":130,"rank":57,"group":131},75,"Setup Wizard","setup-wizard",{"id":132,"label":133,"slug":134},7,"Onboarding & Education","onboarding-and-education",{"id":136,"label":137,"slug":138,"rank":59,"group":139},133,"Invite Teammates","invite-teammates",{"id":89,"label":140,"slug":141},"Actions","actions",{"id":59,"label":143,"slug":144,"rank":89,"group":145},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},{"id":147,"label":148,"slug":149,"rank":150,"group":151},104,"Team Management","team-management",3,{"id":152,"label":153,"slug":154},10,"Settings & Admin","settings-and-admin",[156,160,164,168],{"id":157,"title":158,"slug":159},284,"Modal","modal",{"id":161,"title":162,"slug":163},233,"Tabs","tabs",{"id":165,"title":166,"slug":167},240,"Horizontal navigation","horizontal-navigation",{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":173,"description":174,"canonical_path":4,"image":175,"width":48,"height":176,"image_alt":177,"kind":51,"patterns":178,"component_categories":179,"app":180},"3e9d8514-e2cd-48f2-9339-6f016e093576","Home product","Dashboard Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_home-product_a3c1a228_nicelydone.jpg",2430,"Home product from Pusher",[],[],{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":124,"height":187,"image_alt":188,"kind":51,"patterns":189,"component_categories":200,"app":208},"4ee99067-4622-4800-a8d4-d90034b838a4","Settings","Settings page where the user can update their email, change their password, connect third-party accounts, or delete their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_settings-2_c7e43470_nicelydone.jpg",1620,"Settings from Pusher",[190,195],{"id":191,"label":192,"slug":193,"rank":57,"group":194},94,"Account Settings","account-settings",{"id":152,"label":153,"slug":154},{"id":196,"label":197,"slug":198,"rank":59,"group":199},97,"Integrations","integrations",{"id":152,"label":153,"slug":154},[201,205,206,207],{"id":202,"title":203,"slug":204},169,"Avatar","avatar",{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":184,"description":212,"canonical_path":4,"image":213,"width":124,"height":49,"image_alt":188,"kind":51,"patterns":214,"component_categories":220,"app":225},"9b845ede-a497-4932-9073-ca76e5a7e388","Settings page where the user configures daily or weekly usage summaries to be sent via email, Slack, or webhook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_settings_0b7ab8e8_nicelydone.jpg",[215],{"id":216,"label":217,"slug":218,"rank":57,"group":219},99,"Notification Settings","notification-settings",{"id":152,"label":153,"slug":154},[221,222,223,224],{"id":202,"title":203,"slug":204},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":184,"description":229,"canonical_path":4,"image":230,"width":124,"height":49,"image_alt":188,"kind":51,"patterns":231,"component_categories":236,"app":240},"4a9064f3-2cb5-407a-bea0-4c0db452f354","Settings page where the user configures email notifications for when their account hits soft or hard usage limits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_settings-3_feaab6dd_nicelydone.jpg",[232,234],{"id":216,"label":217,"slug":218,"rank":57,"group":233},{"id":152,"label":153,"slug":154},{"id":191,"label":192,"slug":193,"rank":59,"group":235},{"id":152,"label":153,"slug":154},[237,238,239],{"id":202,"title":203,"slug":204},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"slug":30,"title":29,"logo":32,"categories":241},[],{"uuid":243,"title":244,"description":245,"canonical_path":4,"image":246,"width":124,"height":247,"image_alt":248,"kind":51,"patterns":249,"component_categories":263,"app":271},"fc9281f5-03ca-482c-8c28-65c44fa1fa5d","Plans","Settings page where the user views their current Sandbox plan and can upgrade to Startup, Pro, Business, or Premium subscription tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_plans-2_4d64037a_nicelydone.png",1900,"Plans from Pusher",[250,258],{"id":251,"label":252,"slug":253,"rank":57,"group":254},89,"Pricing","pricing",{"id":255,"label":256,"slug":257},9,"Plans & Limits","plans-and-limits",{"id":259,"label":260,"slug":261,"rank":59,"group":262},96,"Billing Settings","billing-settings",{"id":152,"label":153,"slug":154},[264,268,269,270],{"id":265,"title":266,"slug":267},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"id":202,"title":203,"slug":204},{"id":165,"title":166,"slug":167},{"slug":30,"title":29,"logo":32,"categories":272},[],{"uuid":274,"title":275,"description":276,"canonical_path":4,"image":277,"width":48,"height":278,"image_alt":279,"kind":51,"patterns":280,"component_categories":292,"app":296},"53ad2dc7-7a7a-4c52-b18a-367b93cfc547","Dashboard","Dashboard showing historical statistics for a specific app, featuring line charts for open connections, messages per day, and message rate over a selectable time range.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_dashboard-3_58939aca_nicelydone.jpg",1988,"Dashboard from Pusher",[281,287],{"id":282,"label":275,"slug":283,"rank":57,"group":284},41,"dashboard",{"id":54,"label":285,"slug":286},"Data & Analysis","data-and-analysis",{"id":288,"label":289,"slug":290,"rank":59,"group":291},40,"Charts","charts",{"id":54,"label":285,"slug":286},[293,294,295],{"id":202,"title":203,"slug":204},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"slug":30,"title":29,"logo":32,"categories":297},[],{"uuid":299,"title":300,"description":301,"canonical_path":4,"image":302,"width":48,"height":303,"image_alt":304,"kind":51,"patterns":305,"component_categories":318,"app":324},"c75069ea-489a-4558-b151-2ca3e64caf2e","Team","Settings page where the user manages collaborators for a specific app by viewing existing roles and inviting new members via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_team_d7296e55_nicelydone.jpg",1552,"Team from Pusher",[306,308,313],{"id":147,"label":148,"slug":149,"rank":57,"group":307},{"id":152,"label":153,"slug":154},{"id":309,"label":310,"slug":311,"rank":59,"group":312},100,"Roles & Permissions","roles-and-permissions",{"id":152,"label":153,"slug":154},{"id":314,"label":315,"slug":316,"rank":89,"group":317},47,"Table","table",{"id":54,"label":285,"slug":286},[319,320,321,322,323],{"id":265,"title":266,"slug":267},{"id":202,"title":203,"slug":204},{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":325},[],{"uuid":327,"title":328,"description":329,"canonical_path":4,"image":330,"width":48,"height":49,"image_alt":331,"kind":51,"patterns":332,"component_categories":344,"app":348},"5ff2db25-736a-4f75-b742-3499f337234b","Calendar","Dashboard showing historical account statistics with line charts for open connections and messages per day, featuring an open date range picker.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fpusher_calendar_79ebeed5_nicelydone.jpg","Calendar from Pusher",[333,335,337],{"id":282,"label":275,"slug":283,"rank":57,"group":334},{"id":54,"label":285,"slug":286},{"id":288,"label":289,"slug":290,"rank":59,"group":336},{"id":54,"label":285,"slug":286},{"id":338,"label":339,"slug":340,"rank":89,"group":341},54,"Date & Time","date-and-time",{"id":106,"label":342,"slug":343},"Media & Tools","media-and-tools",[345,346,347],{"id":161,"title":162,"slug":163},{"id":165,"title":166,"slug":167},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":349},[],[],[352,354,356,358,360,362,364,366,368,370,372,374,376,379,382,385,388,391,393,397,401,405],{"label":192,"to":353},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":289,"to":355},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":275,"to":357},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":217,"to":359},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":148,"to":361},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":143,"to":363},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":260,"to":365},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":339,"to":367},"\u002Fexamples\u002Fscreens\u002Fdate-and-time",{"label":64,"to":369},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":90,"to":371},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":197,"to":373},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":137,"to":375},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":377,"to":378},"Pusher marketing pages","\u002Fexamples\u002Fapps\u002Fpusher\u002Fmarketing",{"label":380,"to":381},"Pusher user flows","\u002Fexamples\u002Fapps\u002Fpusher\u002Fflows",{"label":383,"to":384},"Pusher UI components","\u002Fexamples\u002Fapps\u002Fpusher\u002Fcomponents",{"label":386,"to":387},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":389,"to":390},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":392,"to":18},"All SaaS app examples",{"label":394,"to":395,"description":396},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":398,"to":399,"description":400},"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":402,"to":403,"description":404},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":406,"to":407,"description":408},"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":410,"updated_at":411},"2016-07-08T08:00:00.000Z","2026-09-13T13:02:39.000Z"]