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