[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcodesandbox\u002Fmarketing":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":272,"links":273,"dates":319},"\u002Fexamples\u002Fapps\u002Fcodesandbox\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"CodeSandbox marketing pages examples - Nicelydone","Explore CodeSandbox website design examples. Preview marketing pages and browse related SaaS page designs. Online Code Editor and IDE for Rapid Web Development","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72151d72-9403-49c9-b6c0-b1830463e437.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},"CodeSandbox design examples","\u002Fexamples\u002Fapps\u002Fcodesandbox",{"label":23,"to":4},"CodeSandbox marketing pages examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"CodeSandbox","codesandbox","Online Code Editor and IDE for Rapid Web Development","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcodesandbox-70008869.png","https:\u002F\u002Fcodesandbox.io",[35,39],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",[44,89,108,127,146,165,182,200,216,233,246,259],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":87},"72151d72-9403-49c9-b6c0-b1830463e437","CodeSandbox Online Code Editor and IDE for Rapid Web Development","Landing page for a collaborative cloud development environment, highlighting features like multiplayer coding, iOS support, and framework integrations, with social proof from major tech companies.",3024,16848,"CodeSandbox Online Code Editor and IDE for Rapid Web Development from CodeSandbox","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},136,"Landing Page","landing-page",0,{"id":59,"label":60,"slug":61},15,"Marketing Page Types","marketing-page-types",[63,67,71,75,79,83],{"id":64,"title":65,"slug":66},233,"Tabs","tabs",{"id":68,"title":69,"slug":70},232,"Testimonial","testimonial",{"id":72,"title":73,"slug":74},202,"Footer","footer",{"id":76,"title":77,"slug":78},260,"Badge","badge",{"id":80,"title":81,"slug":82},175,"Button","button",{"id":84,"title":85,"slug":86},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":48,"height":94,"image_alt":95,"kind":51,"patterns":96,"component_categories":102,"app":106},"90c1b4b4-0281-4d49-92b5-995096aa2806","CodeSandbox | Projects Beta - Development reimagined.","Product page for CodeSandbox Projects Beta showcasing features like branching, command palette, and integrations with VSCode and iOS, ending with a call to action to import a GitHub project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90c1b4b4-0281-4d49-92b5-995096aa2806.png",36498,"CodeSandbox | Projects Beta - Development reimagined. from CodeSandbox",[97],{"id":98,"label":99,"slug":100,"rank":57,"group":101},137,"Product Page","product-page",{"id":59,"label":60,"slug":61},[103,104,105],{"id":72,"title":73,"slug":74},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":48,"height":113,"image_alt":114,"kind":51,"patterns":115,"component_categories":121,"app":125},"6fdd6b32-4ce4-4c66-9bd1-ab0f72424f32","CodeSandbox for iOS Beta - The first Cloud IDE for iOS.","Application download page for CodeSandbox's iOS app, highlighting features like the smart dashboard, IntelliSense, and real-time collaboration with App Store download links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6fdd6b32-4ce4-4c66-9bd1-ab0f72424f32.png",21512,"CodeSandbox for iOS Beta - The first Cloud IDE for iOS. from CodeSandbox",[116],{"id":117,"label":118,"slug":119,"rank":57,"group":120},189,"Download Page","download-page",{"id":59,"label":60,"slug":61},[122,123,124],{"id":72,"title":73,"slug":74},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":126},[],{"uuid":128,"title":129,"description":130,"canonical_path":4,"image":131,"width":48,"height":132,"image_alt":133,"kind":51,"patterns":134,"component_categories":137,"app":144},"2c2f4e26-8cca-4d73-9713-75a3c1f90349","Component toolkit for creating live-running code editing experien","Landing page for the Sandpack React component toolkit, featuring interactive live coding environments, feature breakdowns, and a showcase of projects using the library.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c2f4e26-8cca-4d73-9713-75a3c1f90349.png",31882,"Component toolkit for creating live-running code editing experien from CodeSandbox",[135],{"id":54,"label":55,"slug":56,"rank":57,"group":136},{"id":59,"label":60,"slug":61},[138,142,143],{"id":139,"title":140,"slug":141},174,"Card","card",{"id":72,"title":73,"slug":74},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":48,"height":151,"image_alt":152,"kind":51,"patterns":153,"component_categories":159,"app":163},"b2a4e174-62ed-4452-b9a4-a25aa5294685","Feedback - CodeSandbox","Feature page explaining the code and visual feedback tools, highlighting unlimited viewers, role-based permissions, and in-editor comments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb2a4e174-62ed-4452-b9a4-a25aa5294685.png",8662,"Feedback - CodeSandbox from CodeSandbox",[154],{"id":155,"label":156,"slug":157,"rank":57,"group":158},138,"Feature Page","feature-page",{"id":59,"label":60,"slug":61},[160,161,162],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":48,"height":170,"image_alt":171,"kind":51,"patterns":172,"component_categories":178,"app":180},"77449876-0408-45e1-910a-486a49b131fd","Something went wrong - CodeSandbox","Error page where the user is informed that something went wrong and is provided with a button to return to the dashboard, along with version and environment details to copy for debugging.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77449876-0408-45e1-910a-486a49b131fd.png",1738,"Something went wrong - CodeSandbox from CodeSandbox",[173],{"id":174,"label":175,"slug":176,"rank":57,"group":177},176,"Docs Hub","docs-hub",{"id":59,"label":60,"slug":61},[179],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":48,"height":187,"image_alt":188,"kind":51,"patterns":189,"component_categories":194,"app":198},"df3f2b71-b327-498f-a4dc-8676473247a2","Stay up to date on CodeSandbox.","Changelog page where the user can read recent product updates, filter by categories or projects, and subscribe to a newsletter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf3f2b71-b327-498f-a4dc-8676473247a2.png",34540,"Stay up to date on CodeSandbox. from CodeSandbox",[190],{"id":80,"label":191,"slug":192,"rank":57,"group":193},"Changelog","changelog",{"id":59,"label":60,"slug":61},[195,196,197],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":48,"height":205,"image_alt":206,"kind":51,"patterns":207,"component_categories":210,"app":214},"2296be4e-022d-479d-a65e-111ee387b1d0","Week 45 Update","Changelog post detailing the Week 45 updates, including Cloud Sandboxes for iOS and VSCode, a new onboarding flow, and better VMs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2296be4e-022d-479d-a65e-111ee387b1d0.png",5332,"Week 45 Update from CodeSandbox",[208],{"id":80,"label":191,"slug":192,"rank":57,"group":209},{"id":59,"label":60,"slug":61},[211,212,213],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":202,"description":218,"canonical_path":4,"image":219,"width":48,"height":170,"image_alt":206,"kind":51,"patterns":220,"component_categories":223,"app":231},"fa5a7b91-7e93-42fc-b8c0-804bad395ce3","Changelog article detailing the Week 45 update with category badges and a popover revealing additional tags.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa5a7b91-7e93-42fc-b8c0-804bad395ce3.png",[221],{"id":80,"label":191,"slug":192,"rank":57,"group":222},{"id":59,"label":60,"slug":61},[224,228,229,230],{"id":225,"title":226,"slug":227},214,"Popover","popover",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":184,"description":235,"canonical_path":4,"image":236,"width":48,"height":170,"image_alt":188,"kind":51,"patterns":237,"component_categories":240,"app":244},"18a81a5e-4002-41c4-9387-4c4250d997ca","Changelog page where users can subscribe to updates and filter release notes by categories and projects.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18a81a5e-4002-41c4-9387-4c4250d997ca.png",[238],{"id":80,"label":191,"slug":192,"rank":57,"group":239},{"id":59,"label":60,"slug":61},[241,242,243],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":245},[],{"uuid":247,"title":184,"description":248,"canonical_path":4,"image":249,"width":48,"height":170,"image_alt":188,"kind":51,"patterns":250,"component_categories":253,"app":257},"52aea61d-7efb-4827-923d-47c8555a81a0","Changelog page where the user can subscribe to updates and filter posts by categories and projects.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52aea61d-7efb-4827-923d-47c8555a81a0.png",[251],{"id":80,"label":191,"slug":192,"rank":57,"group":252},{"id":59,"label":60,"slug":61},[254,255,256],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":184,"description":261,"canonical_path":4,"image":262,"width":48,"height":170,"image_alt":188,"kind":51,"patterns":263,"component_categories":266,"app":270},"ee2df759-55b8-4bbd-aa71-931db6bbbb69","Changelog page where the user has focused the search bar, revealing an empty-state popover prompting them to type a query to find specific release notes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee2df759-55b8-4bbd-aa71-931db6bbbb69.png",[264],{"id":80,"label":191,"slug":192,"rank":57,"group":265},{"id":59,"label":60,"slug":61},[267,268,269],{"id":225,"title":226,"slug":227},{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":271},[],[],[274,276,278,280,282,284,286,289,292,295,298,301,303,307,311,315],{"label":191,"to":275},"\u002Fexamples\u002Fpages\u002Fchangelog",{"label":55,"to":277},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":175,"to":279},"\u002Fexamples\u002Fpages\u002Fdocs-hub",{"label":118,"to":281},"\u002Fexamples\u002Fpages\u002Fdownload-page",{"label":156,"to":283},"\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":99,"to":285},"\u002Fexamples\u002Fpages\u002Fproduct-page",{"label":287,"to":288},"CodeSandbox product screens","\u002Fexamples\u002Fapps\u002Fcodesandbox\u002Fscreens",{"label":290,"to":291},"CodeSandbox user flows","\u002Fexamples\u002Fapps\u002Fcodesandbox\u002Fflows",{"label":293,"to":294},"CodeSandbox UI components","\u002Fexamples\u002Fapps\u002Fcodesandbox\u002Fcomponents",{"label":296,"to":297},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":299,"to":300},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":302,"to":18},"All SaaS app examples",{"label":304,"to":305,"description":306},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":308,"to":309,"description":310},"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":312,"to":313,"description":314},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":316,"to":317,"description":318},"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":320,"updated_at":321},"2022-11-25T18:08:23.000Z","2026-09-13T13:02:39.000Z"]