[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":55,"showcases":274,"links":275,"dates":330},"\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Siteleaf product screens examples - Nicelydone","Browse Siteleaf screen design examples. Preview the interface screenshots and explore related UI patterns. A friendly CMS for your static site","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_sign-in_79c21da0_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Siteleaf design examples","\u002Fexamples\u002Fapps\u002Fsiteleaf",{"label":23,"to":4},"Siteleaf 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},"Siteleaf","siteleaf","A friendly CMS for your static site","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsiteleaf-3ff3427a.png","http:\u002F\u002Fwww.siteleaf.com",[35,39,43,47,51],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},6,"Publishing","publishing",{"id":48,"title":49,"slug":50},23,"Collaboration","collaboration",{"id":52,"title":53,"slug":54},48,"Developer Tools","developer-tools",[56,68,78,109,121,131,142,152,184,220,228,253],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":65,"app":66},"55696bbe-d2cb-4a2d-98a5-92b28803d875","Sign in","Authentication User authentication Form Account management",2800,1544,"Sign in from Siteleaf","screen",[],[],{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":70,"description":71,"canonical_path":4,"image":72,"width":60,"height":61,"image_alt":73,"kind":63,"patterns":74,"component_categories":75,"app":76},"bbd3d24c-b826-4b2c-822f-b04184120244","Password reset","Authentication Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_password-reset_8cfc13ef_nicelydone.jpg","Password reset from Siteleaf",[],[],{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":60,"height":61,"image_alt":83,"kind":63,"patterns":84,"component_categories":94,"app":107},"ce32d989-3aa8-4c06-bd3c-70912f9492e0","Sign up","Signup screen where the user begins onboarding by creating an account via GitHub or an email and password form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_sign-up_5f7798b8_nicelydone.jpg","Sign up from Siteleaf",[85],{"id":86,"label":87,"slug":88,"rank":89,"group":90},5,"Sign Up","sign-up",0,{"id":91,"label":92,"slug":93},1,"Access & Account","access-and-account",[95,99,103],{"id":96,"title":97,"slug":98},227,"Stepper","stepper",{"id":100,"title":101,"slug":102},174,"Card","card",{"id":104,"title":105,"slug":106},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":80,"description":111,"canonical_path":4,"image":112,"width":60,"height":61,"image_alt":83,"kind":63,"patterns":113,"component_categories":116,"app":119},"c3523ac3-f443-4ae3-b8bd-84d7188cc538","Create screen where the user sets up a new site by entering a title and domain or choosing to connect an existing GitHub repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_sign-up-2_9a6162bd_nicelydone.jpg",[114],{"id":86,"label":87,"slug":88,"rank":89,"group":115},{"id":91,"label":92,"slug":93},[117,118],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":60,"height":61,"image_alt":126,"kind":63,"patterns":127,"component_categories":128,"app":129},"c34b3b31-37fb-49c9-a3f1-1558e6f08504","Home","Onboarding Content management Dashboard Sidebar navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_home_239da9b0_nicelydone.jpg","Home from Siteleaf",[],[],{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":133,"description":134,"canonical_path":4,"image":135,"width":60,"height":136,"image_alt":137,"kind":63,"patterns":138,"component_categories":139,"app":140},"51a08290-21e8-4c8b-8207-eed99a939988","Plans","Plan comparison","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_plans_ec99956e_nicelydone.jpg",1824,"Plans from Siteleaf",[],[],{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":144,"description":145,"canonical_path":4,"image":146,"width":60,"height":61,"image_alt":147,"kind":63,"patterns":148,"component_categories":149,"app":150},"697162a2-04fc-4369-a534-09d2ecfaf9ea","Create","Content management Form Sidebar navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_create_88e56572_nicelydone.jpg","Create from Siteleaf",[],[],{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":60,"height":61,"image_alt":157,"kind":63,"patterns":158,"component_categories":172,"app":182},"386bc9b3-365a-4c9e-b2ab-a1457b9b528e","Upload","Content editor page where a modal prompts the user to drag and drop or browse for files to upload.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_upload_797d81b3_nicelydone.jpg","Upload from Siteleaf",[159,167],{"id":160,"label":161,"slug":162,"rank":89,"group":163},25,"Upload & Download","upload-and-download",{"id":164,"label":165,"slug":166},2,"Actions","actions",{"id":168,"label":169,"slug":170,"rank":91,"group":171},10,"Drag & Drop","drag-and-drop",{"id":164,"label":165,"slug":166},[173,177,181],{"id":174,"title":175,"slug":176},284,"Modal","modal",{"id":178,"title":179,"slug":180},233,"Tabs","tabs",{"id":104,"title":105,"slug":106},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":4,"image":188,"width":60,"height":61,"image_alt":189,"kind":63,"patterns":190,"component_categories":208,"app":218},"e9cadd6d-dd1f-4bee-9490-1d310c45c2f4","List","List view where the user manages website pages, with options to search, filter, create new pages, and monitor their 14-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_list_e98f9db8_nicelydone.jpg","List from Siteleaf",[191,199,204],{"id":192,"label":193,"slug":194,"rank":89,"group":195},79,"Browse","browse",{"id":196,"label":197,"slug":198},8,"Pages & Content","pages-and-content",{"id":200,"label":201,"slug":202,"rank":91,"group":203},13,"Filter & Sort","filter-and-sort",{"id":164,"label":165,"slug":166},{"id":36,"label":205,"slug":206,"rank":164,"group":207},"Add & Create","add-and-create",{"id":164,"label":165,"slug":166},[209,213,217],{"id":210,"title":211,"slug":212},260,"Badge","badge",{"id":214,"title":215,"slug":216},240,"Horizontal navigation","horizontal-navigation",{"id":104,"title":105,"slug":106},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":144,"description":222,"canonical_path":4,"image":223,"width":60,"height":61,"image_alt":147,"kind":63,"patterns":224,"component_categories":225,"app":226},"8be64646-a46b-46af-9ee1-33ec62db97e5","Content management Form Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_create-2_0adfc1a5_nicelydone.jpg",[],[],{"slug":30,"title":29,"logo":32,"categories":227},[],{"uuid":229,"title":154,"description":230,"canonical_path":4,"image":231,"width":60,"height":61,"image_alt":157,"kind":63,"patterns":232,"component_categories":248,"app":251},"c7ff2c77-1838-44c8-917d-d42ffcf1b60c","List view where the user can search for existing files or drag and drop new files to upload into the system.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_upload-2_a30968d1_nicelydone.jpg",[233,235,240],{"id":160,"label":161,"slug":162,"rank":89,"group":234},{"id":164,"label":165,"slug":166},{"id":236,"label":237,"slug":238,"rank":91,"group":239},22,"Search","search",{"id":164,"label":165,"slug":166},{"id":241,"label":242,"slug":243,"rank":164,"group":244},115,"Empty State","empty-state",{"id":245,"label":246,"slug":247},12,"States & Feedback","states-and-feedback",[249,250],{"id":214,"title":215,"slug":216},{"id":104,"title":105,"slug":106},{"slug":30,"title":29,"logo":32,"categories":252},[],{"uuid":254,"title":186,"description":255,"canonical_path":4,"image":256,"width":60,"height":257,"image_alt":189,"kind":63,"patterns":258,"component_categories":269,"app":272},"5aed4419-bc9b-4e51-80cb-b4154840f24b","List view where the user manages site files and folders, with options to upload new files or sync with GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_list-2_aca1a8a9_nicelydone.jpg",1596,[259,261],{"id":160,"label":161,"slug":162,"rank":89,"group":260},{"id":164,"label":165,"slug":166},{"id":262,"label":263,"slug":264,"rank":91,"group":265},47,"Table","table",{"id":266,"label":267,"slug":268},4,"Data & Analysis","data-and-analysis",[270,271],{"id":214,"title":215,"slug":216},{"id":104,"title":105,"slug":106},{"slug":30,"title":29,"logo":32,"categories":273},[],[],[276,278,280,282,284,286,288,290,292,294,297,300,303,306,309,312,314,318,322,326],{"label":161,"to":277},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":87,"to":279},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":205,"to":281},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":193,"to":283},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":169,"to":285},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":242,"to":287},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":201,"to":289},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":237,"to":291},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":263,"to":293},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":295,"to":296},"Siteleaf marketing pages","\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fmarketing",{"label":298,"to":299},"Siteleaf user flows","\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fflows",{"label":301,"to":302},"Siteleaf UI components","\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fcomponents",{"label":304,"to":305},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":307,"to":308},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":310,"to":311},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":313,"to":18},"All SaaS app examples",{"label":315,"to":316,"description":317},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":319,"to":320,"description":321},"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":323,"to":324,"description":325},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":327,"to":328,"description":329},"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":331,"updated_at":332},"2016-09-13T08:00:00.000Z","2026-09-13T13:02:39.000Z"]