[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsiteleaf":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":61,"showcases":62,"links":287,"dates":325},"\u002Fexamples\u002Fapps\u002Fsiteleaf","detail","apps",true,{"title":9,"description":10,"og_image":11},"Siteleaf design examples - Nicelydone","Explore Siteleaf UI design examples. A friendly CMS for your static site","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_sign-in_79c21da0_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Siteleaf design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Siteleaf",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Siteleaf","siteleaf","A friendly CMS for your static site","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsiteleaf-3ff3427a.png","http:\u002F\u002Fwww.siteleaf.com",[41,45,49,53,57],{"id":42,"title":43,"slug":44},7,"Web Development","web-development",{"id":46,"title":47,"slug":48},37,"Developer APIs","developer-apis",{"id":50,"title":51,"slug":52},6,"Publishing","publishing",{"id":54,"title":55,"slug":56},23,"Collaboration","collaboration",{"id":58,"title":59,"slug":60},48,"Developer Tools","developer-tools",[],[63,284],{"family":64,"examples":65},"screens",[66,78,88,119,131,141,152,162,194,230,238,263],{"uuid":67,"title":68,"description":69,"canonical_path":29,"image":11,"width":70,"height":71,"image_alt":72,"kind":73,"patterns":74,"component_categories":75,"app":76},"55696bbe-d2cb-4a2d-98a5-92b28803d875","Sign in","Authentication User authentication Form Account management",2800,1544,"Sign in from Siteleaf","screen",[],[],{"slug":36,"title":35,"logo":38,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":29,"image":82,"width":70,"height":71,"image_alt":83,"kind":73,"patterns":84,"component_categories":85,"app":86},"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":36,"title":35,"logo":38,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":29,"image":92,"width":70,"height":71,"image_alt":93,"kind":73,"patterns":94,"component_categories":104,"app":117},"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",[95],{"id":96,"label":97,"slug":98,"rank":99,"group":100},5,"Sign Up","sign-up",0,{"id":101,"label":102,"slug":103},1,"Access & Account","access-and-account",[105,109,113],{"id":106,"title":107,"slug":108},227,"Stepper","stepper",{"id":110,"title":111,"slug":112},174,"Card","card",{"id":114,"title":115,"slug":116},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":118},[],{"uuid":120,"title":90,"description":121,"canonical_path":29,"image":122,"width":70,"height":71,"image_alt":93,"kind":73,"patterns":123,"component_categories":126,"app":129},"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",[124],{"id":96,"label":97,"slug":98,"rank":99,"group":125},{"id":101,"label":102,"slug":103},[127,128],{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"slug":36,"title":35,"logo":38,"categories":130},[],{"uuid":132,"title":133,"description":134,"canonical_path":29,"image":135,"width":70,"height":71,"image_alt":136,"kind":73,"patterns":137,"component_categories":138,"app":139},"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":36,"title":35,"logo":38,"categories":140},[],{"uuid":142,"title":143,"description":144,"canonical_path":29,"image":145,"width":70,"height":146,"image_alt":147,"kind":73,"patterns":148,"component_categories":149,"app":150},"51a08290-21e8-4c8b-8207-eed99a939988","Plans","Plan comparison","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_plans_ec99956e_nicelydone.jpg",1824,"Plans from Siteleaf",[],[],{"slug":36,"title":35,"logo":38,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":29,"image":156,"width":70,"height":71,"image_alt":157,"kind":73,"patterns":158,"component_categories":159,"app":160},"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":36,"title":35,"logo":38,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":29,"image":166,"width":70,"height":71,"image_alt":167,"kind":73,"patterns":168,"component_categories":182,"app":192},"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",[169,177],{"id":170,"label":171,"slug":172,"rank":99,"group":173},25,"Upload & Download","upload-and-download",{"id":174,"label":175,"slug":176},2,"Actions","actions",{"id":178,"label":179,"slug":180,"rank":101,"group":181},10,"Drag & Drop","drag-and-drop",{"id":174,"label":175,"slug":176},[183,187,191],{"id":184,"title":185,"slug":186},284,"Modal","modal",{"id":188,"title":189,"slug":190},233,"Tabs","tabs",{"id":114,"title":115,"slug":116},{"slug":36,"title":35,"logo":38,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":29,"image":198,"width":70,"height":71,"image_alt":199,"kind":73,"patterns":200,"component_categories":218,"app":228},"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",[201,209,214],{"id":202,"label":203,"slug":204,"rank":99,"group":205},79,"Browse","browse",{"id":206,"label":207,"slug":208},8,"Pages & Content","pages-and-content",{"id":210,"label":211,"slug":212,"rank":101,"group":213},13,"Filter & Sort","filter-and-sort",{"id":174,"label":175,"slug":176},{"id":42,"label":215,"slug":216,"rank":174,"group":217},"Add & Create","add-and-create",{"id":174,"label":175,"slug":176},[219,223,227],{"id":220,"title":221,"slug":222},260,"Badge","badge",{"id":224,"title":225,"slug":226},240,"Horizontal navigation","horizontal-navigation",{"id":114,"title":115,"slug":116},{"slug":36,"title":35,"logo":38,"categories":229},[],{"uuid":231,"title":154,"description":232,"canonical_path":29,"image":233,"width":70,"height":71,"image_alt":157,"kind":73,"patterns":234,"component_categories":235,"app":236},"8be64646-a46b-46af-9ee1-33ec62db97e5","Content management Form Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fsiteleaf_create-2_0adfc1a5_nicelydone.jpg",[],[],{"slug":36,"title":35,"logo":38,"categories":237},[],{"uuid":239,"title":164,"description":240,"canonical_path":29,"image":241,"width":70,"height":71,"image_alt":167,"kind":73,"patterns":242,"component_categories":258,"app":261},"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",[243,245,250],{"id":170,"label":171,"slug":172,"rank":99,"group":244},{"id":174,"label":175,"slug":176},{"id":246,"label":247,"slug":248,"rank":101,"group":249},22,"Search","search",{"id":174,"label":175,"slug":176},{"id":251,"label":252,"slug":253,"rank":174,"group":254},115,"Empty State","empty-state",{"id":255,"label":256,"slug":257},12,"States & Feedback","states-and-feedback",[259,260],{"id":224,"title":225,"slug":226},{"id":114,"title":115,"slug":116},{"slug":36,"title":35,"logo":38,"categories":262},[],{"uuid":264,"title":196,"description":265,"canonical_path":29,"image":266,"width":70,"height":267,"image_alt":199,"kind":73,"patterns":268,"component_categories":279,"app":282},"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,[269,271],{"id":170,"label":171,"slug":172,"rank":99,"group":270},{"id":174,"label":175,"slug":176},{"id":272,"label":273,"slug":274,"rank":101,"group":275},47,"Table","table",{"id":276,"label":277,"slug":278},4,"Data & Analysis","data-and-analysis",[280,281],{"id":224,"title":225,"slug":226},{"id":114,"title":115,"slug":116},{"slug":36,"title":35,"logo":38,"categories":283},[],{"family":285,"examples":286},"pages",[],[288,290,292,295,298,301,304,307,309,313,317,321],{"label":289,"to":29},"Siteleaf product screens",{"label":291,"to":32},"Siteleaf marketing pages",{"label":293,"to":294},"Siteleaf user flows","\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fflows",{"label":296,"to":297},"Siteleaf UI components","\u002Fexamples\u002Fapps\u002Fsiteleaf\u002Fcomponents",{"label":299,"to":300},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":302,"to":303},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":305,"to":306},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":308,"to":18},"All SaaS app examples",{"label":310,"to":311,"description":312},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":314,"to":315,"description":316},"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":318,"to":319,"description":320},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":322,"to":323,"description":324},"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":326,"updated_at":327},"2016-09-13T08:00:00.000Z","2026-09-13T13:02:39.000Z"]