[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcycle\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":280,"links":281,"dates":333},"\u002Fexamples\u002Fapps\u002Fcycle\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Cycle product screens examples - Nicelydone","Browse Cycle screen design examples. Preview the interface screenshots and explore related UI patterns. Turn product feedback into customer love","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b748157-df37-4a3d-9418-6b4fc641ff27.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Cycle design examples","\u002Fexamples\u002Fapps\u002Fcycle",{"label":23,"to":4},"Cycle 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":34,"categories":35},"Cycle","cycle","Turn product feedback into customer love","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcycle-db354499.png","https:\u002F\u002Fwww.cycle.app","cycleproduct",[36,40],{"id":37,"title":38,"slug":39},86,"Product management","product-management",{"id":41,"title":42,"slug":43},35,"Feedback","feedback",[45,70,84,103,131,144,159,177,206,225,244,266],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":68},"2b748157-df37-4a3d-9418-6b4fc641ff27","Login • Cycle","Sign-in screen where the user authenticates with their email and password alongside branded product illustrations.",3024,1738,"Login • Cycle from Cycle","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":47,"description":72,"canonical_path":4,"image":73,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":74,"component_categories":80,"app":82},"3444f2fb-00c9-44dd-922f-f8b6408eaec2","Password recovery screen where the user enters their email address to receive a reset link, featuring a split layout with brand illustrations on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3444f2fb-00c9-44dd-922f-f8b6408eaec2.png",[75],{"id":76,"label":77,"slug":78,"rank":58,"group":79},2,"Forgot Password","forgot-password",{"id":60,"label":61,"slug":62},[81],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":47,"description":86,"canonical_path":4,"image":87,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":88,"component_categories":99,"app":101},"93629fa4-cbf0-4fe4-9835-7fc1eeca6329","Auth screen confirming a password reset link has been sent, featuring a prominent marketing illustration on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93629fa4-cbf0-4fe4-9835-7fc1eeca6329.png",[89,91],{"id":76,"label":77,"slug":78,"rank":58,"group":90},{"id":60,"label":61,"slug":62},{"id":92,"label":93,"slug":94,"rank":60,"group":95},122,"Success","success",{"id":96,"label":97,"slug":98},12,"States & Feedback","states-and-feedback",[100],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":4,"image":107,"width":49,"height":50,"image_alt":108,"kind":52,"patterns":109,"component_categories":127,"app":129},"cf071539-066c-41b8-b9a6-b4cdb00886c6","Welcome • Cycle","Signup screen where an invited user configures their account by providing their name and job role to join a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcf071539-066c-41b8-b9a6-b4cdb00886c6.png","Welcome • Cycle from Cycle",[110,114,122],{"id":60,"label":111,"slug":112,"rank":58,"group":113},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},{"id":115,"label":116,"slug":117,"rank":60,"group":118},77,"Welcome","welcome",{"id":119,"label":120,"slug":121},7,"Onboarding & Education","onboarding-and-education",{"id":123,"label":124,"slug":125,"rank":76,"group":126},5,"Sign Up","sign-up",{"id":60,"label":61,"slug":62},[128],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":105,"description":133,"canonical_path":4,"image":134,"width":49,"height":50,"image_alt":108,"kind":52,"patterns":135,"component_categories":140,"app":142},"f14e98de-927f-486d-a625-c01ad64910e3","Onboarding step where the user configures their account by providing their name and job role to join a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff14e98de-927f-486d-a625-c01ad64910e3.png",[136,138],{"id":60,"label":111,"slug":112,"rank":58,"group":137},{"id":60,"label":61,"slug":62},{"id":115,"label":116,"slug":117,"rank":60,"group":139},{"id":119,"label":120,"slug":121},[141],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":105,"description":146,"canonical_path":4,"image":147,"width":49,"height":50,"image_alt":108,"kind":52,"patterns":148,"component_categories":155,"app":157},"2e6a0932-d60c-4a90-af0d-cfd0d345c400","Signup screen where an invited user creates a password to join the nicelydone workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e6a0932-d60c-4a90-af0d-cfd0d345c400.png",[149,151,153],{"id":60,"label":111,"slug":112,"rank":58,"group":150},{"id":60,"label":61,"slug":62},{"id":123,"label":124,"slug":125,"rank":60,"group":152},{"id":60,"label":61,"slug":62},{"id":115,"label":116,"slug":117,"rank":76,"group":154},{"id":119,"label":120,"slug":121},[156],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":105,"description":161,"canonical_path":4,"image":162,"width":49,"height":50,"image_alt":108,"kind":52,"patterns":163,"component_categories":173,"app":175},"37848bad-1b49-4196-bb04-5464e08101b4","Signup screen where an invited user creates and confirms their password to join a specific workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37848bad-1b49-4196-bb04-5464e08101b4.png",[164,166,171],{"id":60,"label":111,"slug":112,"rank":58,"group":165},{"id":60,"label":61,"slug":62},{"id":167,"label":168,"slug":169,"rank":60,"group":170},6,"Verification","verification",{"id":60,"label":61,"slug":62},{"id":115,"label":116,"slug":117,"rank":76,"group":172},{"id":119,"label":120,"slug":121},[174],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":179,"description":180,"canonical_path":4,"image":181,"width":49,"height":50,"image_alt":182,"kind":52,"patterns":183,"component_categories":194,"app":204},"74180b09-db6a-4471-8330-c646525edf25","Recent initiatives • nicelydone • Cycle","Onboarding step where the user customizes their workspace by choosing a brand color, uploading a profile picture, and selecting a UI theme.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74180b09-db6a-4471-8330-c646525edf25.png","Recent initiatives • nicelydone • Cycle from Cycle",[184,186],{"id":60,"label":111,"slug":112,"rank":58,"group":185},{"id":60,"label":61,"slug":62},{"id":187,"label":188,"slug":189,"rank":60,"group":190},3,"Profile","profile",{"id":191,"label":192,"slug":193},11,"Social & Collaboration","social-and-collaboration",[195,199,203],{"id":196,"title":197,"slug":198},183,"Color picker","color-picker",{"id":200,"title":201,"slug":202},169,"Avatar","avatar",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":179,"description":208,"canonical_path":4,"image":209,"width":49,"height":50,"image_alt":182,"kind":52,"patterns":210,"component_categories":215,"app":223},"55432ef8-3498-4a2f-a333-3ef83d500437","Onboarding step where the user customizes their profile color, picture, and UI theme alongside a live app preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55432ef8-3498-4a2f-a333-3ef83d500437.png",[211,213],{"id":60,"label":111,"slug":112,"rank":58,"group":212},{"id":60,"label":61,"slug":62},{"id":187,"label":188,"slug":189,"rank":60,"group":214},{"id":191,"label":192,"slug":193},[216,220,221,222],{"id":217,"title":218,"slug":219},174,"Card","card",{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":179,"description":227,"canonical_path":4,"image":228,"width":49,"height":50,"image_alt":182,"kind":52,"patterns":229,"component_categories":234,"app":242},"b49eceb9-26b4-4cd4-be49-a7f5dc248243","Onboarding step where the user customizes their workspace by picking a brand color, uploading a profile picture, and choosing a light or dark theme.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb49eceb9-26b4-4cd4-be49-a7f5dc248243.png",[230,232],{"id":60,"label":111,"slug":112,"rank":58,"group":231},{"id":60,"label":61,"slug":62},{"id":187,"label":188,"slug":189,"rank":60,"group":233},{"id":191,"label":192,"slug":193},[235,239,240,241],{"id":236,"title":237,"slug":238},226,"Skeleton","skeleton",{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":243},[],{"uuid":245,"title":179,"description":246,"canonical_path":4,"image":247,"width":49,"height":50,"image_alt":182,"kind":52,"patterns":248,"component_categories":258,"app":264},"bec463de-c1c5-4f3e-83f1-0c3ef3440d49","Onboarding step where the user personalizes their workspace by choosing a profile color, an avatar, and an app theme, with a live preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbec463de-c1c5-4f3e-83f1-0c3ef3440d49.png",[249,251,253],{"id":60,"label":111,"slug":112,"rank":58,"group":250},{"id":60,"label":61,"slug":62},{"id":187,"label":188,"slug":189,"rank":60,"group":252},{"id":191,"label":192,"slug":193},{"id":254,"label":255,"slug":256,"rank":76,"group":257},72,"Getting Started","getting-started",{"id":119,"label":120,"slug":121},[259,260,261,262,263],{"id":217,"title":218,"slug":219},{"id":236,"title":237,"slug":238},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":265},[],{"uuid":267,"title":179,"description":268,"canonical_path":4,"image":269,"width":49,"height":50,"image_alt":182,"kind":52,"patterns":270,"component_categories":273,"app":278},"24d5bef2-94de-47fb-9803-4bcacb81047d","Onboarding step where the user customizes their workspace by choosing a brand color, uploading a profile picture, and selecting a UI theme, while a skeleton preview of the app updates on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24d5bef2-94de-47fb-9803-4bcacb81047d.png",[271],{"id":60,"label":111,"slug":112,"rank":58,"group":272},{"id":60,"label":61,"slug":62},[274,275,276,277],{"id":236,"title":237,"slug":238},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":279},[],[],[282,284,286,288,290,292,294,296,298,300,303,306,309,312,315,317,321,325,329],{"label":111,"to":283},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":188,"to":285},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":116,"to":287},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":77,"to":289},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":124,"to":291},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":255,"to":293},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":56,"to":295},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":93,"to":297},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":168,"to":299},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":301,"to":302},"Cycle marketing pages","\u002Fexamples\u002Fapps\u002Fcycle\u002Fmarketing",{"label":304,"to":305},"Cycle user flows","\u002Fexamples\u002Fapps\u002Fcycle\u002Fflows",{"label":307,"to":308},"Cycle UI components","\u002Fexamples\u002Fapps\u002Fcycle\u002Fcomponents",{"label":310,"to":311},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":313,"to":314},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":316,"to":18},"All SaaS app examples",{"label":318,"to":319,"description":320},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":322,"to":323,"description":324},"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":326,"to":327,"description":328},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":330,"to":331,"description":332},"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":334,"updated_at":335},"2023-02-03T14:44:59.000Z","2026-09-13T13:02:39.000Z"]