[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwhimsical":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":304,"dates":338},"\u002Fexamples\u002Fapps\u002Fwhimsical","detail","apps",true,{"title":9,"description":10,"og_image":11},"Whimsical design examples - Nicelydone","Explore Whimsical UI design examples. The hub for visual collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3db3d26c-32e6-4436-835d-4822dcfd5a74.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Whimsical design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Whimsical",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":39,"categories":43},"Whimsical","whimsical","The hub for visual collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwhimsical-ejzz342s.png","https:\u002F\u002Fwhimsical.com",[44,48],{"id":45,"title":46,"slug":47},8,"Design","design",{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",[],[54,298,301],{"family":55,"examples":56},"screens",[57,86,103,115,138,160,172,190,223,237,256,281],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":84},"3db3d26c-32e6-4436-835d-4822dcfd5a74","Log in to Whimsical","Sign-in screen where the user authenticates with their email and password or via Google OAuth.",3024,1782,"Log in to Whimsical from Whimsical","screen",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76,80],{"id":77,"title":78,"slug":79},174,"Card","card",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":29,"image":90,"width":61,"height":62,"image_alt":91,"kind":64,"patterns":92,"component_categories":98,"app":101},"7cfd7286-70dc-42f7-ac33-86289b20bb22","Forgot password | Whimsical","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7cfd7286-70dc-42f7-ac33-86289b20bb22.png","Forgot password | Whimsical from Whimsical",[93],{"id":94,"label":95,"slug":96,"rank":70,"group":97},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[99,100],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":102},[],{"uuid":104,"title":88,"description":105,"canonical_path":29,"image":106,"width":61,"height":62,"image_alt":91,"kind":64,"patterns":107,"component_categories":110,"app":113},"31adf564-c394-4571-b9a5-26eee620c01b","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31adf564-c394-4571-b9a5-26eee620c01b.png",[108],{"id":94,"label":95,"slug":96,"rank":70,"group":109},{"id":72,"label":73,"slug":74},[111,112],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":114},[],{"uuid":116,"title":88,"description":117,"canonical_path":29,"image":118,"width":61,"height":62,"image_alt":91,"kind":64,"patterns":119,"component_categories":130,"app":136},"1d85b2a9-27ac-4956-be91-eaa4acd4dc9f","Password recovery screen confirming that a reset link has been sent to the user's email, featuring a simple return link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d85b2a9-27ac-4956-be91-eaa4acd4dc9f.png",[120,122],{"id":94,"label":95,"slug":96,"rank":70,"group":121},{"id":72,"label":73,"slug":74},{"id":123,"label":124,"slug":125,"rank":72,"group":126},122,"Success","success",{"id":127,"label":128,"slug":129},12,"States & Feedback","states-and-feedback",[131,135],{"id":132,"title":133,"slug":134},167,"Alert","alert",{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":29,"image":142,"width":61,"height":143,"image_alt":144,"kind":64,"patterns":145,"component_categories":155,"app":158},"b663552a-1746-4927-914f-c3f024a60b33","Sign up for free without a credit card","Signup screen where the user creates an account by entering their name, work email, and password, or by authenticating via Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb663552a-1746-4927-914f-c3f024a60b33.png",1860,"Sign up for free without a credit card from Whimsical",[146,151],{"id":147,"label":148,"slug":149,"rank":70,"group":150},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},{"id":72,"label":152,"slug":153,"rank":72,"group":154},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},[156,157],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":159},[],{"uuid":161,"title":140,"description":162,"canonical_path":29,"image":163,"width":61,"height":143,"image_alt":144,"kind":64,"patterns":164,"component_categories":167,"app":170},"4355a56b-7606-4d26-aebd-78d35cd9f5fb","Signup page where the user creates an account using their name, email, and password, or authenticates via Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4355a56b-7606-4d26-aebd-78d35cd9f5fb.png",[165],{"id":147,"label":148,"slug":149,"rank":70,"group":166},{"id":72,"label":73,"slug":74},[168,169],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":29,"image":176,"width":61,"height":62,"image_alt":177,"kind":64,"patterns":178,"component_categories":186,"app":188},"27fbca01-e7ba-4c23-8636-9295eed8ddeb","Email verification","Verification screen where the user is prompted to check their inbox to confirm their email address, with options to resend the email or use a different account if they are having trouble.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27fbca01-e7ba-4c23-8636-9295eed8ddeb.png","Email verification from Whimsical",[179,184],{"id":180,"label":181,"slug":182,"rank":70,"group":183},6,"Verification","verification",{"id":72,"label":73,"slug":74},{"id":72,"label":152,"slug":153,"rank":72,"group":185},{"id":72,"label":73,"slug":74},[187],{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":29,"image":194,"width":61,"height":62,"image_alt":195,"kind":64,"patterns":196,"component_categories":218,"app":221},"3788dd66-2959-40c7-91e3-81e3c3b3eb7c","Workspace setup","Onboarding step where the user names their new workspace and configures auto-join permissions for coworkers from a specific domain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3788dd66-2959-40c7-91e3-81e3c3b3eb7c.png","Workspace setup from Whimsical",[197,205,213],{"id":198,"label":199,"slug":200,"rank":70,"group":201},75,"Setup Wizard","setup-wizard",{"id":202,"label":203,"slug":204},7,"Onboarding & Education","onboarding-and-education",{"id":206,"label":207,"slug":208,"rank":72,"group":209},104,"Team Management","team-management",{"id":210,"label":211,"slug":212},10,"Settings & Admin","settings-and-admin",{"id":214,"label":215,"slug":216,"rank":94,"group":217},100,"Roles & Permissions","roles-and-permissions",{"id":210,"label":211,"slug":212},[219,220],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":222},[],{"uuid":224,"title":192,"description":225,"canonical_path":29,"image":226,"width":61,"height":62,"image_alt":195,"kind":64,"patterns":227,"component_categories":232,"app":235},"055a421f-34ef-416c-be31-5f6b7f5bcb20","Onboarding step where the user names their new workspace and configures auto-join permissions for coworkers on their domain.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F055a421f-34ef-416c-be31-5f6b7f5bcb20.png",[228,230],{"id":198,"label":199,"slug":200,"rank":70,"group":229},{"id":202,"label":203,"slug":204},{"id":206,"label":207,"slug":208,"rank":72,"group":231},{"id":210,"label":211,"slug":212},[233,234],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":236},[],{"uuid":238,"title":192,"description":239,"canonical_path":29,"image":240,"width":61,"height":241,"image_alt":195,"kind":64,"patterns":242,"component_categories":251,"app":254},"32ce0ebc-3ebc-4f11-ac83-07bc0eb54398","Onboarding step where the user names their new workspace, configures auto-join permissions for coworkers, and opts to send email invitations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32ce0ebc-3ebc-4f11-ac83-07bc0eb54398.png",1862,[243,249],{"id":202,"label":244,"slug":245,"rank":70,"group":246},"Add & Create","add-and-create",{"id":94,"label":247,"slug":248},"Actions","actions",{"id":206,"label":207,"slug":208,"rank":72,"group":250},{"id":210,"label":211,"slug":212},[252,253],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":255},[],{"uuid":257,"title":258,"description":259,"canonical_path":29,"image":260,"width":61,"height":261,"image_alt":262,"kind":64,"patterns":263,"component_categories":273,"app":279},"f179c4dd-d97b-43ec-8527-19f7d6800f30","Invite people","Onboarding step where the user invites teammates by entering email addresses and assigning them an Editor or Viewer role.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff179c4dd-d97b-43ec-8527-19f7d6800f30.png",1808,"Invite people from Whimsical",[264,269,271],{"id":265,"label":266,"slug":267,"rank":70,"group":268},133,"Invite Teammates","invite-teammates",{"id":94,"label":247,"slug":248},{"id":214,"label":215,"slug":216,"rank":72,"group":270},{"id":210,"label":211,"slug":212},{"id":206,"label":207,"slug":208,"rank":94,"group":272},{"id":210,"label":211,"slug":212},[274,278],{"id":275,"title":276,"slug":277},284,"Modal","modal",{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":280},[],{"uuid":282,"title":258,"description":283,"canonical_path":29,"image":284,"width":61,"height":285,"image_alt":262,"kind":64,"patterns":286,"component_categories":293,"app":296},"383df818-9213-4b3e-8e28-dfef31b7966d","Modal where the user invites people to the Nicelydone workspace by selecting an Editor or Viewer role and copying a shareable link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F383df818-9213-4b3e-8e28-dfef31b7966d.png",1770,[287,289,291],{"id":265,"label":266,"slug":267,"rank":70,"group":288},{"id":94,"label":247,"slug":248},{"id":214,"label":215,"slug":216,"rank":72,"group":290},{"id":210,"label":211,"slug":212},{"id":206,"label":207,"slug":208,"rank":94,"group":292},{"id":210,"label":211,"slug":212},[294,295],{"id":275,"title":276,"slug":277},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":297},[],{"family":299,"examples":300},"components",[],{"family":302,"examples":303},"pages",[],[305,307,309,312,314,317,320,322,326,330,334],{"label":306,"to":29},"Whimsical product screens",{"label":308,"to":35},"Whimsical marketing pages",{"label":310,"to":311},"Whimsical user flows","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fflows",{"label":313,"to":32},"Whimsical UI components",{"label":315,"to":316},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":318,"to":319},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":321,"to":18},"All SaaS app examples",{"label":323,"to":324,"description":325},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":327,"to":328,"description":329},"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":331,"to":332,"description":333},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":335,"to":336,"description":337},"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":339,"updated_at":340},"2023-06-06T11:39:25.000Z","2026-09-26T12:10:10.000Z"]