[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frefrakt\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":286,"links":287,"dates":339},"\u002Fexamples\u002Fapps\u002Frefrakt\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Refrakt product screens examples - Nicelydone","Browse Refrakt screen design examples. Preview the interface screenshots and explore related UI patterns. A more meaningful home for photography","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa929b2f-4c95-4231-9c65-55381e19254f.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},"Refrakt design examples","\u002Fexamples\u002Fapps\u002Frefrakt",{"label":23,"to":4},"Refrakt 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},"Refrakt","refrakt","A more meaningful home for photography","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frefrakt-4bd9bf02.png","https:\u002F\u002Frefrakt.app",[35,39],{"id":36,"title":37,"slug":38},49,"Social Network","social-network",{"id":40,"title":41,"slug":42},31,"Photography","photography",[44,80,95,107,119,160,177,194,214,231,248,264],{"uuid":45,"title":29,"description":46,"canonical_path":4,"image":11,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":51,"component_categories":69,"app":78},"fa929b2f-4c95-4231-9c65-55381e19254f","Sign-up modal where the user enters their email address to join a photography community.",3024,1674,"Refrakt from Refrakt","screen",[52,61],{"id":53,"label":54,"slug":55,"rank":56,"group":57},5,"Sign Up","sign-up",0,{"id":58,"label":59,"slug":60},1,"Access & Account","access-and-account",{"id":62,"label":63,"slug":64,"rank":58,"group":65},114,"Confirmation","confirmation",{"id":66,"label":67,"slug":68},12,"States & Feedback","states-and-feedback",[70,74],{"id":71,"title":72,"slug":73},284,"Modal","modal",{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":29,"description":82,"canonical_path":4,"image":83,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":84,"component_categories":90,"app":93},"1f9e627e-a220-4d35-b792-a6451f9fb61e","Verification screen where the user enters an 8-digit code sent to their email to complete the passwordless sign-in process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f9e627e-a220-4d35-b792-a6451f9fb61e.png",[85],{"id":86,"label":87,"slug":88,"rank":56,"group":89},6,"Verification","verification",{"id":58,"label":59,"slug":60},[91,92],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":29,"description":97,"canonical_path":4,"image":98,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":99,"component_categories":102,"app":105},"6aae2719-64a9-413f-8849-f4465b7d5c57","Verification screen where the user enters an 8-digit code sent to their email to complete sign-in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6aae2719-64a9-413f-8849-f4465b7d5c57.png",[100],{"id":86,"label":87,"slug":88,"rank":56,"group":101},{"id":58,"label":59,"slug":60},[103,104],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":29,"description":109,"canonical_path":4,"image":110,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":111,"component_categories":114,"app":117},"0e44ac18-8fa5-42fb-8f52-b7f258f8ef72","Verification screen where the user enters an 8-digit code sent to their email to complete the sign-in process, with options to re-send the code or change the email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e44ac18-8fa5-42fb-8f52-b7f258f8ef72.png",[112],{"id":86,"label":87,"slug":88,"rank":56,"group":113},{"id":58,"label":59,"slug":60},[115,116],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":29,"description":121,"canonical_path":4,"image":122,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":123,"component_categories":151,"app":158},"71384526-7676-4af9-917b-d959c348d038","Onboarding modal where the user completes their profile by adding an avatar, name, username, bio, and social links before accessing the main application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71384526-7676-4af9-917b-d959c348d038.png",[124,132,136,143],{"id":125,"label":126,"slug":127,"rank":56,"group":128},3,"Profile","profile",{"id":129,"label":130,"slug":131},11,"Social & Collaboration","social-and-collaboration",{"id":58,"label":133,"slug":134,"rank":58,"group":135},"Account Setup","account-setup",{"id":58,"label":59,"slug":60},{"id":129,"label":137,"slug":138,"rank":139,"group":140},"Edit","edit",2,{"id":139,"label":141,"slug":142},"Actions","actions",{"id":144,"label":145,"slug":146,"rank":125,"group":147},77,"Welcome","welcome",{"id":148,"label":149,"slug":150},7,"Onboarding & Education","onboarding-and-education",[152,156,157],{"id":153,"title":154,"slug":155},169,"Avatar","avatar",{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":29,"description":162,"canonical_path":4,"image":163,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":164,"component_categories":171,"app":175},"73f890f1-b7f6-4d50-b416-c4bbbce64799","Onboarding step where the user completes their profile by adding an avatar, name, username, bio, and links before accessing the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73f890f1-b7f6-4d50-b416-c4bbbce64799.png",[165,167,169],{"id":58,"label":133,"slug":134,"rank":56,"group":166},{"id":58,"label":59,"slug":60},{"id":125,"label":126,"slug":127,"rank":58,"group":168},{"id":129,"label":130,"slug":131},{"id":129,"label":137,"slug":138,"rank":139,"group":170},{"id":139,"label":141,"slug":142},[172,173,174],{"id":153,"title":154,"slug":155},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":29,"description":179,"canonical_path":4,"image":180,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":181,"component_categories":188,"app":192},"65d1027f-9b55-4c8b-9a11-706dd245326b","Onboarding step where the user completes their profile by providing a photo, name, username, bio, and links inside a welcome modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65d1027f-9b55-4c8b-9a11-706dd245326b.png",[182,184,186],{"id":58,"label":133,"slug":134,"rank":56,"group":183},{"id":58,"label":59,"slug":60},{"id":125,"label":126,"slug":127,"rank":58,"group":185},{"id":129,"label":130,"slug":131},{"id":129,"label":137,"slug":138,"rank":139,"group":187},{"id":139,"label":141,"slug":142},[189,190,191],{"id":153,"title":154,"slug":155},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":29,"description":196,"canonical_path":4,"image":197,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":198,"component_categories":208,"app":212},"04acc404-15fb-4670-b325-a12426df4158","Onboarding step where the user completes their profile by adding a name, username, bio, and profile links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04acc404-15fb-4670-b325-a12426df4158.png",[199,201,203],{"id":58,"label":133,"slug":134,"rank":56,"group":200},{"id":58,"label":59,"slug":60},{"id":125,"label":126,"slug":127,"rank":58,"group":202},{"id":129,"label":130,"slug":131},{"id":204,"label":205,"slug":206,"rank":139,"group":207},74,"Onboarding Checklist","onboarding-checklist",{"id":148,"label":149,"slug":150},[209,210,211],{"id":153,"title":154,"slug":155},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":29,"description":216,"canonical_path":4,"image":217,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":218,"component_categories":225,"app":229},"9718aff2-6dea-4d21-a0f7-d444408f0970","Onboarding step where the user completes their profile by adding an avatar, bio, and social links before accessing the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9718aff2-6dea-4d21-a0f7-d444408f0970.png",[219,221,223],{"id":58,"label":133,"slug":134,"rank":56,"group":220},{"id":58,"label":59,"slug":60},{"id":125,"label":126,"slug":127,"rank":58,"group":222},{"id":129,"label":130,"slug":131},{"id":129,"label":137,"slug":138,"rank":139,"group":224},{"id":139,"label":141,"slug":142},[226,227,228],{"id":153,"title":154,"slug":155},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":230},[],{"uuid":232,"title":29,"description":233,"canonical_path":4,"image":234,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":235,"component_categories":242,"app":246},"73875fb7-75f4-4f31-b314-1a489f8c5e33","Onboarding step where the user completes their profile by adding a name, username, bio, and social links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F73875fb7-75f4-4f31-b314-1a489f8c5e33.png",[236,238,240],{"id":125,"label":126,"slug":127,"rank":56,"group":237},{"id":129,"label":130,"slug":131},{"id":58,"label":133,"slug":134,"rank":58,"group":239},{"id":58,"label":59,"slug":60},{"id":129,"label":137,"slug":138,"rank":139,"group":241},{"id":139,"label":141,"slug":142},[243,244,245],{"id":153,"title":154,"slug":155},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":29,"description":216,"canonical_path":4,"image":250,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":251,"component_categories":258,"app":262},"01bb06c4-60c4-4aaf-bb16-5b82166d9768","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01bb06c4-60c4-4aaf-bb16-5b82166d9768.png",[252,254,256],{"id":58,"label":133,"slug":134,"rank":56,"group":253},{"id":58,"label":59,"slug":60},{"id":125,"label":126,"slug":127,"rank":58,"group":255},{"id":129,"label":130,"slug":131},{"id":129,"label":137,"slug":138,"rank":139,"group":257},{"id":139,"label":141,"slug":142},[259,260,261],{"id":153,"title":154,"slug":155},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":29,"description":266,"canonical_path":4,"image":267,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":268,"component_categories":280,"app":284},"0ef61998-2ccf-4c8e-ade6-e5c69ce39f0b","Onboarding modal where the user completes their profile by adding an avatar, name, username, bio, and social links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ef61998-2ccf-4c8e-ade6-e5c69ce39f0b.png",[269,271,273,275],{"id":58,"label":133,"slug":134,"rank":56,"group":270},{"id":58,"label":59,"slug":60},{"id":125,"label":126,"slug":127,"rank":58,"group":272},{"id":129,"label":130,"slug":131},{"id":129,"label":137,"slug":138,"rank":139,"group":274},{"id":139,"label":141,"slug":142},{"id":276,"label":277,"slug":278,"rank":125,"group":279},120,"Loading","loading",{"id":66,"label":67,"slug":68},[281,282,283],{"id":153,"title":154,"slug":155},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":285},[],[],[288,290,292,294,296,298,300,302,304,306,309,312,315,318,321,323,327,331,335],{"label":133,"to":289},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":126,"to":291},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":137,"to":293},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":87,"to":295},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":63,"to":297},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":277,"to":299},"\u002Fexamples\u002Fscreens\u002Floading",{"label":205,"to":301},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":54,"to":303},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":145,"to":305},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":307,"to":308},"Refrakt marketing pages","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fmarketing",{"label":310,"to":311},"Refrakt user flows","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fflows",{"label":313,"to":314},"Refrakt UI components","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fcomponents",{"label":316,"to":317},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":319,"to":320},"Photography app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fphotography",{"label":322,"to":18},"All SaaS app examples",{"label":324,"to":325,"description":326},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":328,"to":329,"description":330},"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":332,"to":333,"description":334},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":336,"to":337,"description":338},"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":340,"updated_at":341},"2024-01-05T14:41:17.000Z","2026-09-13T13:02:39.000Z"]