[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsuper":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":303,"dates":336},"\u002Fexamples\u002Fapps\u002Fsuper","detail","apps",true,{"title":9,"description":10,"og_image":11},"Super design examples - Nicelydone","Explore Super UI design examples. Create websites with Notion","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa8551050-a0aa-4207-a65a-81a00b56a733.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Super design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Super",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsuper\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fsuper\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fsuper\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fsuper\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Super","super","Create websites with Notion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsuper-3a684df5.png","https:\u002F\u002Fsuper.so\u002F","super_",[48,52],{"id":49,"title":50,"slug":51},96,"No code","no-code",{"id":53,"title":54,"slug":55},7,"Web Development","web-development",[],[58,294,297,300],{"family":59,"examples":60},"screens",[61,86,100,111,129,142,153,164,175,215,262,274],{"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},"a8551050-a0aa-4207-a65a-81a00b56a733","Super App","Sign-in screen where the user authenticates with email and password, or via Google and Apple single sign-on.",3024,1802,"Super App from Super","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},"a8d2bf74-b6f8-4906-902b-b54d37ed85fd","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa8d2bf74-b6f8-4906-902b-b54d37ed85fd.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":107,"app":109},"dfa556c2-537f-43ce-b867-fe9feee23707","Verification screen where the user is prompted to check their email for a verification link, with options to open their email app, resend the link, or return to login.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdfa556c2-537f-43ce-b867-fe9feee23707.png",[105],{"id":92,"label":93,"slug":94,"rank":74,"group":106},{"id":76,"label":77,"slug":78},[108],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":110},[],{"uuid":112,"title":63,"description":113,"canonical_path":29,"image":114,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":115,"component_categories":125,"app":127},"e6f3cf6e-f398-4669-a0d2-a39febed621f","Signup screen where the user can create an account via Google, Apple, or email, alongside a list of product benefits and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6f3cf6e-f398-4669-a0d2-a39febed621f.png",[116,121],{"id":117,"label":118,"slug":119,"rank":74,"group":120},5,"Sign Up","sign-up",{"id":76,"label":77,"slug":78},{"id":76,"label":122,"slug":123,"rank":76,"group":124},"Account Setup","account-setup",{"id":76,"label":77,"slug":78},[126],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":128},[],{"uuid":130,"title":63,"description":131,"canonical_path":29,"image":132,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":133,"component_categories":138,"app":140},"c278e807-1a2a-4add-9100-7c4ba8b684b3","Signup screen where the user creates an account using Google, Apple, or email, alongside a feature list and social proof logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc278e807-1a2a-4add-9100-7c4ba8b684b3.png",[134,136],{"id":117,"label":118,"slug":119,"rank":74,"group":135},{"id":76,"label":77,"slug":78},{"id":76,"label":122,"slug":123,"rank":76,"group":137},{"id":76,"label":77,"slug":78},[139],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":141},[],{"uuid":143,"title":63,"description":144,"canonical_path":29,"image":145,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":146,"component_categories":149,"app":151},"190f60df-ab4a-479e-9f18-c1e0b5bc3fda","Signup page where the user creates an account with email or OAuth, alongside a feature list and customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F190f60df-ab4a-479e-9f18-c1e0b5bc3fda.png",[147],{"id":117,"label":118,"slug":119,"rank":74,"group":148},{"id":76,"label":77,"slug":78},[150],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":63,"description":155,"canonical_path":29,"image":156,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":157,"component_categories":160,"app":162},"72572800-c6c8-43ae-b0bd-c93cc865e9c3","Signup screen where the user creates an account using email, Google, or Apple, accompanied by a feature list highlighting Notion auto-syncing and a logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72572800-c6c8-43ae-b0bd-c93cc865e9c3.png",[158],{"id":117,"label":118,"slug":119,"rank":74,"group":159},{"id":76,"label":77,"slug":78},[161],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":163},[],{"uuid":165,"title":63,"description":166,"canonical_path":29,"image":167,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":168,"component_categories":171,"app":173},"21d88d75-0f2b-468b-b46d-2a0f7115645d","Signup screen where the user creates an account using email or OAuth, accompanied by a list of product benefits and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21d88d75-0f2b-468b-b46d-2a0f7115645d.png",[169],{"id":117,"label":118,"slug":119,"rank":74,"group":170},{"id":76,"label":77,"slug":78},[172],{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":174},[],{"uuid":176,"title":63,"description":177,"canonical_path":29,"image":178,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":179,"component_categories":207,"app":213},"3fee4218-0711-4f88-a365-2eab70dfdf99","Dashboard empty state where the user is prompted to create their first site, with options to search or toggle between grid and list views.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fee4218-0711-4f88-a365-2eab70dfdf99.png",[180,188,194,201],{"id":181,"label":182,"slug":183,"rank":74,"group":184},115,"Empty State","empty-state",{"id":185,"label":186,"slug":187},12,"States & Feedback","states-and-feedback",{"id":53,"label":189,"slug":190,"rank":76,"group":191},"Add & Create","add-and-create",{"id":92,"label":192,"slug":193},"Actions","actions",{"id":195,"label":196,"slug":197,"rank":92,"group":198},41,"Dashboard","dashboard",{"id":71,"label":199,"slug":200},"Data & Analysis","data-and-analysis",{"id":202,"label":203,"slug":204,"rank":205,"group":206},22,"Search","search",3,{"id":92,"label":192,"slug":193},[208,212],{"id":209,"title":210,"slug":211},174,"Card","card",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":29,"image":219,"width":65,"height":220,"image_alt":221,"kind":68,"patterns":222,"component_categories":250,"app":260},"c2476dde-5cd8-4ff1-a181-a44a6d5ae773","Creating a site","Help center article explaining how to create a site using a Notion public page, featuring a video tutorial and step-by-step instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2476dde-5cd8-4ff1-a181-a44a6d5ae773.png",5676,"Creating a site from Super",[223,231,238,243],{"id":224,"label":225,"slug":226,"rank":74,"group":227},78,"Article","article",{"id":228,"label":229,"slug":230},15,"Marketing Page Types","marketing-page-types",{"id":232,"label":233,"slug":234,"rank":76,"group":235},72,"Getting Started","getting-started",{"id":53,"label":236,"slug":237},"Onboarding & Education","onboarding-and-education",{"id":239,"label":240,"slug":241,"rank":92,"group":242},76,"Tutorial","tutorial",{"id":53,"label":236,"slug":237},{"id":244,"label":245,"slug":246,"rank":205,"group":247},61,"Video Player","video-player",{"id":117,"label":248,"slug":249},"Media & Tools","media-and-tools",[251,255,259],{"id":252,"title":253,"slug":254},240,"Horizontal navigation","horizontal-navigation",{"id":256,"title":257,"slug":258},211,"Pagination","pagination",{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":261},[],{"uuid":263,"title":63,"description":264,"canonical_path":29,"image":265,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":266,"component_categories":269,"app":272},"6775df53-99e3-4894-931c-526c8ad84f24","List view where the user is prompted to create their first site via a prominent empty state card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6775df53-99e3-4894-931c-526c8ad84f24.png",[267],{"id":181,"label":182,"slug":183,"rank":74,"group":268},{"id":185,"label":186,"slug":187},[270,271],{"id":209,"title":210,"slug":211},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":273},[],{"uuid":275,"title":63,"description":276,"canonical_path":29,"image":277,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":278,"component_categories":281,"app":292},"28ed75f1-598d-4898-8636-a7e7f1c5f0cc","Modal where the user creates a new site by providing a name and a Notion share URL.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28ed75f1-598d-4898-8636-a7e7f1c5f0cc.png",[279],{"id":53,"label":189,"slug":190,"rank":74,"group":280},{"id":92,"label":192,"slug":193},[282,286,290,291],{"id":283,"title":284,"slug":285},284,"Modal","modal",{"id":287,"title":288,"slug":289},169,"Avatar","avatar",{"id":209,"title":210,"slug":211},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":293},[],{"family":295,"examples":296},"flows",[],{"family":298,"examples":299},"components",[],{"family":301,"examples":302},"pages",[],[304,306,308,310,312,315,318,320,324,328,332],{"label":305,"to":29},"Super product screens",{"label":307,"to":38},"Super marketing pages",{"label":309,"to":32},"Super user flows",{"label":311,"to":35},"Super UI components",{"label":313,"to":314},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":316,"to":317},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":319,"to":18},"All SaaS app examples",{"label":321,"to":322,"description":323},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":325,"to":326,"description":327},"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":329,"to":330,"description":331},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":333,"to":334,"description":335},"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":337,"updated_at":338},"2023-05-22T18:50:03.000Z","2026-09-13T13:02:39.000Z"]