[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcycle":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":305,"dates":320},"\u002Fexamples\u002Fapps\u002Fcycle","detail","apps",true,{"title":9,"description":10,"og_image":11},"Cycle design examples - Nicelydone","Explore Cycle UI design examples. Turn product feedback into customer love","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b748157-df37-4a3d-9418-6b4fc641ff27.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Cycle design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Cycle",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcycle\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fcycle\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fcycle\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fcycle\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Cycle","cycle","Turn product feedback into customer love","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcycle-db354499.png","https:\u002F\u002Fwww.cycle.app","cycleproduct",[48,52],{"id":49,"title":50,"slug":51},86,"Product management","product-management",{"id":53,"title":54,"slug":55},35,"Feedback","feedback",[],[58,296,299,302],{"family":59,"examples":60},"screens",[61,86,100,119,147,160,175,193,222,241,260,282],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":79,"app":84},"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",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},4,"Sign In","sign-in",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",[80],{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":85},[],{"uuid":87,"title":63,"description":88,"canonical_path":29,"image":89,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":90,"component_categories":96,"app":98},"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",[91],{"id":92,"label":93,"slug":94,"rank":74,"group":95},2,"Forgot Password","forgot-password",{"id":76,"label":77,"slug":78},[97],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":99},[],{"uuid":101,"title":63,"description":102,"canonical_path":29,"image":103,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":104,"component_categories":115,"app":117},"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",[105,107],{"id":92,"label":93,"slug":94,"rank":74,"group":106},{"id":76,"label":77,"slug":78},{"id":108,"label":109,"slug":110,"rank":76,"group":111},122,"Success","success",{"id":112,"label":113,"slug":114},12,"States & Feedback","states-and-feedback",[116],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":29,"image":123,"width":65,"height":66,"image_alt":124,"kind":68,"patterns":125,"component_categories":143,"app":145},"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",[126,130,138],{"id":76,"label":127,"slug":128,"rank":74,"group":129},"Account Setup","account-setup",{"id":76,"label":77,"slug":78},{"id":131,"label":132,"slug":133,"rank":76,"group":134},77,"Welcome","welcome",{"id":135,"label":136,"slug":137},7,"Onboarding & Education","onboarding-and-education",{"id":139,"label":140,"slug":141,"rank":92,"group":142},5,"Sign Up","sign-up",{"id":76,"label":77,"slug":78},[144],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":146},[],{"uuid":148,"title":121,"description":149,"canonical_path":29,"image":150,"width":65,"height":66,"image_alt":124,"kind":68,"patterns":151,"component_categories":156,"app":158},"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",[152,154],{"id":76,"label":127,"slug":128,"rank":74,"group":153},{"id":76,"label":77,"slug":78},{"id":131,"label":132,"slug":133,"rank":76,"group":155},{"id":135,"label":136,"slug":137},[157],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":159},[],{"uuid":161,"title":121,"description":162,"canonical_path":29,"image":163,"width":65,"height":66,"image_alt":124,"kind":68,"patterns":164,"component_categories":171,"app":173},"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",[165,167,169],{"id":76,"label":127,"slug":128,"rank":74,"group":166},{"id":76,"label":77,"slug":78},{"id":139,"label":140,"slug":141,"rank":76,"group":168},{"id":76,"label":77,"slug":78},{"id":131,"label":132,"slug":133,"rank":92,"group":170},{"id":135,"label":136,"slug":137},[172],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":174},[],{"uuid":176,"title":121,"description":177,"canonical_path":29,"image":178,"width":65,"height":66,"image_alt":124,"kind":68,"patterns":179,"component_categories":189,"app":191},"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",[180,182,187],{"id":76,"label":127,"slug":128,"rank":74,"group":181},{"id":76,"label":77,"slug":78},{"id":183,"label":184,"slug":185,"rank":76,"group":186},6,"Verification","verification",{"id":76,"label":77,"slug":78},{"id":131,"label":132,"slug":133,"rank":92,"group":188},{"id":135,"label":136,"slug":137},[190],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":192},[],{"uuid":194,"title":195,"description":196,"canonical_path":29,"image":197,"width":65,"height":66,"image_alt":198,"kind":68,"patterns":199,"component_categories":210,"app":220},"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",[200,202],{"id":76,"label":127,"slug":128,"rank":74,"group":201},{"id":76,"label":77,"slug":78},{"id":203,"label":204,"slug":205,"rank":76,"group":206},3,"Profile","profile",{"id":207,"label":208,"slug":209},11,"Social & Collaboration","social-and-collaboration",[211,215,219],{"id":212,"title":213,"slug":214},183,"Color picker","color-picker",{"id":216,"title":217,"slug":218},169,"Avatar","avatar",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":221},[],{"uuid":223,"title":195,"description":224,"canonical_path":29,"image":225,"width":65,"height":66,"image_alt":198,"kind":68,"patterns":226,"component_categories":231,"app":239},"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",[227,229],{"id":76,"label":127,"slug":128,"rank":74,"group":228},{"id":76,"label":77,"slug":78},{"id":203,"label":204,"slug":205,"rank":76,"group":230},{"id":207,"label":208,"slug":209},[232,236,237,238],{"id":233,"title":234,"slug":235},174,"Card","card",{"id":212,"title":213,"slug":214},{"id":216,"title":217,"slug":218},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":240},[],{"uuid":242,"title":195,"description":243,"canonical_path":29,"image":244,"width":65,"height":66,"image_alt":198,"kind":68,"patterns":245,"component_categories":250,"app":258},"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",[246,248],{"id":76,"label":127,"slug":128,"rank":74,"group":247},{"id":76,"label":77,"slug":78},{"id":203,"label":204,"slug":205,"rank":76,"group":249},{"id":207,"label":208,"slug":209},[251,255,256,257],{"id":252,"title":253,"slug":254},226,"Skeleton","skeleton",{"id":212,"title":213,"slug":214},{"id":216,"title":217,"slug":218},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":259},[],{"uuid":261,"title":195,"description":262,"canonical_path":29,"image":263,"width":65,"height":66,"image_alt":198,"kind":68,"patterns":264,"component_categories":274,"app":280},"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",[265,267,269],{"id":76,"label":127,"slug":128,"rank":74,"group":266},{"id":76,"label":77,"slug":78},{"id":203,"label":204,"slug":205,"rank":76,"group":268},{"id":207,"label":208,"slug":209},{"id":270,"label":271,"slug":272,"rank":92,"group":273},72,"Getting Started","getting-started",{"id":135,"label":136,"slug":137},[275,276,277,278,279],{"id":233,"title":234,"slug":235},{"id":252,"title":253,"slug":254},{"id":212,"title":213,"slug":214},{"id":216,"title":217,"slug":218},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":281},[],{"uuid":283,"title":195,"description":284,"canonical_path":29,"image":285,"width":65,"height":66,"image_alt":198,"kind":68,"patterns":286,"component_categories":289,"app":294},"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",[287],{"id":76,"label":127,"slug":128,"rank":74,"group":288},{"id":76,"label":77,"slug":78},[290,291,292,293],{"id":252,"title":253,"slug":254},{"id":212,"title":213,"slug":214},{"id":216,"title":217,"slug":218},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":295},[],{"family":297,"examples":298},"flows",[],{"family":300,"examples":301},"components",[],{"family":303,"examples":304},"pages",[],[306,308,310,312,314,317],{"label":307,"to":29},"Cycle product screens",{"label":309,"to":38},"Cycle marketing pages",{"label":311,"to":32},"Cycle user flows",{"label":313,"to":35},"Cycle UI components",{"label":315,"to":316},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":318,"to":319},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":321,"updated_at":322},"2023-02-03T14:44:59.000Z","2026-09-13T13:02:39.000Z"]