[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcushion\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":318,"links":319,"dates":380},"\u002Fexamples\u002Fapps\u002Fcushion\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Cushion product screens examples - Nicelydone","Browse Cushion screen design examples. Preview the interface screenshots and explore related UI patterns. Peace of mind for freelancers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_sign-in_a97f8f04_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},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion",{"label":23,"to":4},"Cushion 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},"Cushion","cushion","Peace of mind for freelancers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcushion-12c6f6e0.png","http:\u002F\u002Fcushionapp.com",[35,39,43],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",{"id":44,"title":45,"slug":46},101,"Calendar","calendar",[48,81,95,118,143,165,189,215,249,258,276,299],{"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},"bd722216-cee9-4225-9222-357b9819a9b9","Sign in","Sign-in screen where the user authenticates with their email and password, featuring top navigation links to pricing and a sign-up option.",2800,1632,"Sign in from Cushion","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},2,"Forgot Password","forgot-password",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},240,"Horizontal navigation","horizontal-navigation",{"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":52,"height":53,"image_alt":86,"kind":55,"patterns":87,"component_categories":90,"app":93},"94fd12d7-41c8-493e-9b90-9aa6c0d679fd","Password reset","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_password-reset_e5488f57_nicelydone.jpg","Password reset from Cushion",[88],{"id":58,"label":59,"slug":60,"rank":61,"group":89},{"id":63,"label":64,"slug":65},[91,92],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":52,"height":100,"image_alt":101,"kind":55,"patterns":102,"component_categories":108,"app":116},"98330c48-f353-44e7-8dd2-6c336837c56b","Sign up","Signup page where the user enters their email, password, and credit card information to start a 14-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_sign-up_50ed8a0f_nicelydone.jpg",2374,"Sign up from Cushion",[103],{"id":104,"label":105,"slug":106,"rank":61,"group":107},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[109,113,114,115],{"id":110,"title":111,"slug":112},189,"FAQ","faq",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":4,"image":122,"width":52,"height":123,"image_alt":124,"kind":55,"patterns":125,"component_categories":138,"app":141},"e2397321-238f-4ea7-8d70-88b1f2025a8d","Onboarding","Onboarding step where the user personalizes their account by entering a nickname, favorite color, and default currency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_onboarding_d037850c_nicelydone.jpg",1714,"Onboarding from Cushion",[126,134],{"id":127,"label":128,"slug":129,"rank":61,"group":130},74,"Onboarding Checklist","onboarding-checklist",{"id":131,"label":132,"slug":133},7,"Onboarding & Education","onboarding-and-education",{"id":63,"label":135,"slug":136,"rank":63,"group":137},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[139,140],{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":120,"description":145,"canonical_path":4,"image":146,"width":52,"height":147,"image_alt":124,"kind":55,"patterns":148,"component_categories":156,"app":163},"ed918270-74dc-48bb-aa97-b3072e80cae7","Onboarding step where the user configures their timeline by setting a name, start and end dates, and financial goals for the period.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_onboarding-2_68902847_nicelydone.jpg",1572,[149,151],{"id":127,"label":128,"slug":129,"rank":61,"group":150},{"id":131,"label":132,"slug":133},{"id":152,"label":153,"slug":154,"rank":63,"group":155},75,"Setup Wizard","setup-wizard",{"id":131,"label":132,"slug":133},[157,161,162],{"id":158,"title":159,"slug":160},257,"Input number","input-number",{"id":68,"title":69,"slug":70},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":120,"description":167,"canonical_path":4,"image":168,"width":52,"height":147,"image_alt":124,"kind":55,"patterns":169,"component_categories":185,"app":187},"51c56d47-cfc3-48b0-982b-e20ffd5f26d6","Onboarding completion screen where a success toast confirms list creation and a final finish button welcomes the user.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_onboarding-3_df0e5ec5_nicelydone.jpg",[170,175,183],{"id":171,"label":172,"slug":173,"rank":61,"group":174},77,"Welcome","welcome",{"id":131,"label":132,"slug":133},{"id":176,"label":177,"slug":178,"rank":63,"group":179},114,"Confirmation","confirmation",{"id":180,"label":181,"slug":182},12,"States & Feedback","states-and-feedback",{"id":127,"label":128,"slug":129,"rank":58,"group":184},{"id":131,"label":132,"slug":133},[186],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":120,"description":191,"canonical_path":4,"image":192,"width":52,"height":193,"image_alt":124,"kind":55,"patterns":194,"component_categories":202,"app":213},"ecbf5622-29ed-4101-a3eb-5a85ab61d488","List view for managing projects, currently showing an empty state with an active product tour highlighting the next steps.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_onboarding-4_56d65873_nicelydone.jpg",1956,[195,197],{"id":127,"label":128,"slug":129,"rank":61,"group":196},{"id":131,"label":132,"slug":133},{"id":198,"label":199,"slug":200,"rank":63,"group":201},115,"Empty State","empty-state",{"id":180,"label":181,"slug":182},[203,207,211,212],{"id":204,"title":205,"slug":206},227,"Stepper","stepper",{"id":208,"title":209,"slug":210},233,"Tabs","tabs",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":4,"image":219,"width":52,"height":220,"image_alt":221,"kind":55,"patterns":222,"component_categories":239,"app":247},"20107853-520c-4699-8349-1eb6535f40ba","Settings","Settings page where the user updates their profile details, changes their password, and can download a data backup or delete their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_settings_1e8d4bf0_nicelydone.jpg",2234,"Settings from Cushion",[223,231],{"id":224,"label":225,"slug":226,"rank":61,"group":227},94,"Account Settings","account-settings",{"id":228,"label":229,"slug":230},10,"Settings & Admin","settings-and-admin",{"id":232,"label":233,"slug":234,"rank":63,"group":235},3,"Profile","profile",{"id":236,"label":237,"slug":238},11,"Social & Collaboration","social-and-collaboration",[240,244,245,246],{"id":241,"title":242,"slug":243},277,"Button group","button-group",{"id":208,"title":209,"slug":210},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":217,"description":251,"canonical_path":4,"image":252,"width":52,"height":253,"image_alt":221,"kind":55,"patterns":254,"component_categories":255,"app":256},"2fcb3b28-bbb2-4141-bd5a-3cfef5e7bda7","User settings Project management Settings Form Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_settings-3_e98259ec_nicelydone.jpg",2750,[],[],{"slug":30,"title":29,"logo":32,"categories":257},[],{"uuid":259,"title":217,"description":260,"canonical_path":4,"image":261,"width":52,"height":262,"image_alt":221,"kind":55,"patterns":263,"component_categories":269,"app":274},"34104189-86bd-4d7c-91fe-7cc20b6d2380","Settings page where the user manages their active payment method, updates their credit card, and configures additional details for their receipts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_settings-2_eb52a09d_nicelydone.jpg",1806,[264],{"id":265,"label":266,"slug":267,"rank":61,"group":268},96,"Billing Settings","billing-settings",{"id":228,"label":229,"slug":230},[270,271,272,273],{"id":241,"title":242,"slug":243},{"id":208,"title":209,"slug":210},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":275},[],{"uuid":277,"title":278,"description":279,"canonical_path":4,"image":280,"width":52,"height":281,"image_alt":282,"kind":55,"patterns":283,"component_categories":292,"app":297},"236b3353-91f5-4409-960d-847607de2090","Plans","Settings page where the user views their current trial status and can subscribe to a monthly or yearly plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_plans_44332b27_nicelydone.jpg",1638,"Plans from Cushion",[284],{"id":285,"label":286,"slug":287,"rank":61,"group":288},89,"Pricing","pricing",{"id":289,"label":290,"slug":291},9,"Plans & Limits","plans-and-limits",[293,294,295,296],{"id":208,"title":209,"slug":210},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":298},[],{"uuid":300,"title":301,"description":302,"canonical_path":4,"image":303,"width":52,"height":304,"image_alt":305,"kind":55,"patterns":306,"component_categories":311,"app":316},"47e10b7d-b2a1-4b38-be67-654c02e518e9","Integrations","Settings page where the user can view and connect third-party integrations like Harvest and Xero, and manage add-ons like an availability badge.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcushion_integrations_33273fc6_nicelydone.jpg",1988,"Integrations from Cushion",[307],{"id":308,"label":301,"slug":309,"rank":61,"group":310},97,"integrations",{"id":228,"label":229,"slug":230},[312,313,314,315],{"id":208,"title":209,"slug":210},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":317},[],[],[320,322,324,326,328,330,332,334,336,338,340,342,344,347,350,353,356,359,362,364,368,372,376],{"label":128,"to":321},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":59,"to":323},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":225,"to":325},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":135,"to":327},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":266,"to":329},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":177,"to":331},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":199,"to":333},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":301,"to":335},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":286,"to":337},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":233,"to":339},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":153,"to":341},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":105,"to":343},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":345,"to":346},"Cushion marketing pages","\u002Fexamples\u002Fapps\u002Fcushion\u002Fmarketing",{"label":348,"to":349},"Cushion user flows","\u002Fexamples\u002Fapps\u002Fcushion\u002Fflows",{"label":351,"to":352},"Cushion UI components","\u002Fexamples\u002Fapps\u002Fcushion\u002Fcomponents",{"label":354,"to":355},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":357,"to":358},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":360,"to":361},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":363,"to":18},"All SaaS app examples",{"label":365,"to":366,"description":367},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":369,"to":370,"description":371},"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":373,"to":374,"description":375},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":377,"to":378,"description":379},"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":381,"updated_at":382},"2016-08-30T08:00:00.000Z","2026-09-13T13:02:39.000Z"]