[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Feraser\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":305,"links":306,"dates":349},"\u002Fexamples\u002Fapps\u002Feraser\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Eraser marketing pages examples - Nicelydone","Explore Eraser website design examples. Preview marketing pages and browse related SaaS page designs. Documents & diagrams for engineering teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f7bf386-f78f-48e8-ae84-0d0e66476d04.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},"Eraser design examples","\u002Fexamples\u002Fapps\u002Feraser",{"label":23,"to":4},"Eraser 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":34,"categories":35},"Eraser","eraser","Documents & diagrams for engineering teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feraser-5d273b5d.png","https:\u002F\u002Fwww.eraser.io","eraserlabs",[36,40,44],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",{"id":45,"title":46,"slug":47},8,"Design","design",[49,90,115,132,145,167,190,209,228,248,265,288],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":88},"8f7bf386-f78f-48e8-ae84-0d0e66476d04","Eraser – Docs and Diagrams for Engineering Teams","Landing page for a developer-focused documentation and diagramming tool, featuring product previews, integration details, and technical team testimonials.",3024,25230,"Eraser – Docs and Diagrams for Engineering Teams from Eraser","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},136,"Landing Page","landing-page",0,{"id":64,"label":65,"slug":66},15,"Marketing Page Types","marketing-page-types",[68,72,76,80,84],{"id":69,"title":70,"slug":71},298,"Bento box","bento-grid",{"id":73,"title":74,"slug":75},232,"Testimonial","testimonial",{"id":77,"title":78,"slug":79},202,"Footer","footer",{"id":81,"title":82,"slug":83},260,"Badge","badge",{"id":85,"title":86,"slug":87},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":53,"height":94,"image_alt":55,"kind":56,"patterns":95,"component_categories":98,"app":113},"a4ee8f0b-bc45-4cdf-9b38-309872be9f3b","Landing page hero section for an engineering document and diagram tool, featuring a prominent call to action, floating feature cards, and simulated multiplayer cursors.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa4ee8f0b-bc45-4cdf-9b38-309872be9f3b.png",1658,[96],{"id":59,"label":60,"slug":61,"rank":62,"group":97},{"id":64,"label":65,"slug":66},[99,103,107,108,112],{"id":100,"title":101,"slug":102},277,"Button group","button-group",{"id":104,"title":105,"slug":106},174,"Card","card",{"id":81,"title":82,"slug":83},{"id":109,"title":110,"slug":111},175,"Button","button",{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":51,"description":117,"canonical_path":4,"image":118,"width":53,"height":94,"image_alt":55,"kind":56,"patterns":119,"component_categories":122,"app":130},"15d6cba2-5618-42ad-afb8-c378f1eeb99c","Landing page hero where the user is introduced to an all-in-one markdown editor and collaborative canvas for engineering teams, with a primary call to action to try the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F15d6cba2-5618-42ad-afb8-c378f1eeb99c.png",[120],{"id":59,"label":60,"slug":61,"rank":62,"group":121},{"id":64,"label":65,"slug":66},[123,127,128,129],{"id":124,"title":125,"slug":126},233,"Tabs","tabs",{"id":104,"title":105,"slug":106},{"id":109,"title":110,"slug":111},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":51,"description":134,"canonical_path":4,"image":135,"width":53,"height":94,"image_alt":55,"kind":56,"patterns":136,"component_categories":139,"app":143},"40aa116d-7e24-4d81-8d2b-486e7fd447fd","Landing page hero for an engineering diagram and markdown tool, featuring a primary call to action to try the product and an open navigation dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40aa116d-7e24-4d81-8d2b-486e7fd447fd.png",[137],{"id":59,"label":60,"slug":61,"rank":62,"group":138},{"id":64,"label":65,"slug":66},[140,141,142],{"id":81,"title":82,"slug":83},{"id":109,"title":110,"slug":111},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":4,"image":149,"width":53,"height":150,"image_alt":151,"kind":56,"patterns":152,"component_categories":158,"app":165},"e80c577a-2e07-4d50-99dd-bab37d0fee72","Eraser Architecture Diagrams","Use case page for architecture diagrams highlighting features like building blocks, diagram-as-code, and collaboration, followed by related use cases and customer testimonials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe80c577a-2e07-4d50-99dd-bab37d0fee72.png",11704,"Eraser Architecture Diagrams from Eraser",[153],{"id":154,"label":155,"slug":156,"rank":62,"group":157},139,"Use Case Page","use-case-page",{"id":64,"label":65,"slug":66},[159,160,161,162,163,164],{"id":104,"title":105,"slug":106},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":109,"title":110,"slug":111},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":53,"height":172,"image_alt":173,"kind":56,"patterns":174,"component_categories":177,"app":188},"4279d536-82e4-4cb6-bb5f-6352331ffa29","Eraser Data Flow Diagrams","Marketing page where the user learns how to create data flow diagrams using building blocks, diagram-as-code, and AI generation, featuring interactive product previews and customer testimonials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4279d536-82e4-4cb6-bb5f-6352331ffa29.png",10950,"Eraser Data Flow Diagrams from Eraser",[175],{"id":154,"label":155,"slug":156,"rank":62,"group":176},{"id":64,"label":65,"slug":66},[178,182,183,184,185,186,187],{"id":179,"title":180,"slug":181},169,"Avatar","avatar",{"id":104,"title":105,"slug":106},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":109,"title":110,"slug":111},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":53,"height":195,"image_alt":196,"kind":56,"patterns":197,"component_categories":200,"app":207},"b575c689-33a0-4c83-aeac-f452840af880","Eraser Design Docs","Use case page explaining how engineering teams can use the product's markdown editor and diagram-as-code features to collaborate on technical design documents.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb575c689-33a0-4c83-aeac-f452840af880.png",10830,"Eraser Design Docs from Eraser",[198],{"id":154,"label":155,"slug":156,"rank":62,"group":199},{"id":64,"label":65,"slug":66},[201,202,203,204,205,206],{"id":104,"title":105,"slug":106},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":109,"title":110,"slug":111},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":4,"image":213,"width":53,"height":214,"image_alt":215,"kind":56,"patterns":216,"component_categories":219,"app":226},"855dc812-e2b4-48e8-91d7-3202968144fe","Eraser Documentation","Marketing page detailing how engineering teams can use the product for technical documentation, featuring feature highlights, related use case links, and customer testimonials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F855dc812-e2b4-48e8-91d7-3202968144fe.png",10984,"Eraser Documentation from Eraser",[217],{"id":154,"label":155,"slug":156,"rank":62,"group":218},{"id":64,"label":65,"slug":66},[220,221,222,223,224,225],{"id":179,"title":180,"slug":181},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":109,"title":110,"slug":111},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":227},[],{"uuid":229,"title":230,"description":231,"canonical_path":4,"image":232,"width":53,"height":233,"image_alt":234,"kind":56,"patterns":235,"component_categories":238,"app":246},"b4121452-b65e-4fcd-bac0-6208f506f564","Eraser Brainstorming","Marketing use case page explaining how engineering teams can use the product for brainstorming, featuring diagram-as-code examples, customer testimonials, and a grid of related use cases.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4121452-b65e-4fcd-bac0-6208f506f564.png",10758,"Eraser Brainstorming from Eraser",[236],{"id":154,"label":155,"slug":156,"rank":62,"group":237},{"id":64,"label":65,"slug":66},[239,240,241,242,243,244,245],{"id":69,"title":70,"slug":71},{"id":100,"title":101,"slug":102},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":109,"title":110,"slug":111},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":250,"description":251,"canonical_path":4,"image":252,"width":53,"height":253,"image_alt":254,"kind":56,"patterns":255,"component_categories":258,"app":263},"1aeb1872-baca-467b-8355-378e75f4dcd7","Eraser Wireframes","Use case page highlighting the product's wireframing capabilities with feature grids, interactive canvas previews, and engineering team testimonials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1aeb1872-baca-467b-8355-378e75f4dcd7.png",10834,"Eraser Wireframes from Eraser",[256],{"id":154,"label":155,"slug":156,"rank":62,"group":257},{"id":64,"label":65,"slug":66},[259,260,261,262],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":14,"description":267,"canonical_path":4,"image":268,"width":53,"height":269,"image_alt":270,"kind":56,"patterns":271,"component_categories":277,"app":286},"b31becbc-e7a4-4594-b0d9-d59d06e1b437","Use case gallery where the user can browse and filter architecture diagrams, flow charts, and design docs by technology and feature.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb31becbc-e7a4-4594-b0d9-d59d06e1b437.png",5960,"Examples from Eraser",[272],{"id":273,"label":274,"slug":275,"rank":62,"group":276},157,"Template Gallery","template-gallery",{"id":64,"label":65,"slug":66},[278,282,283,284,285],{"id":279,"title":280,"slug":281},168,"Accordion","accordion",{"id":104,"title":105,"slug":106},{"id":77,"title":78,"slug":79},{"id":109,"title":110,"slug":111},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":287},[],{"uuid":289,"title":290,"description":291,"canonical_path":4,"image":292,"width":53,"height":293,"image_alt":294,"kind":56,"patterns":295,"component_categories":298,"app":303},"833d028b-3baf-4a6a-bbef-b3068d26e505","Git to S3 using Webhooks","Use case page showcasing an AWS architecture diagram template for a Git to S3 workflow, detailing its components and providing an option to open and edit it directly in the product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F833d028b-3baf-4a6a-bbef-b3068d26e505.png",8708,"Git to S3 using Webhooks from Eraser",[296],{"id":154,"label":155,"slug":156,"rank":62,"group":297},{"id":64,"label":65,"slug":66},[299,300,301,302],{"id":77,"title":78,"slug":79},{"id":109,"title":110,"slug":111},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":304},[],[],[307,309,311,313,316,319,322,325,328,331,333,337,341,345],{"label":155,"to":308},"\u002Fexamples\u002Fpages\u002Fuse-case-page",{"label":60,"to":310},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":274,"to":312},"\u002Fexamples\u002Fpages\u002Ftemplate-gallery",{"label":314,"to":315},"Eraser product screens","\u002Fexamples\u002Fapps\u002Feraser\u002Fscreens",{"label":317,"to":318},"Eraser user flows","\u002Fexamples\u002Fapps\u002Feraser\u002Fflows",{"label":320,"to":321},"Eraser UI components","\u002Fexamples\u002Fapps\u002Feraser\u002Fcomponents",{"label":323,"to":324},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":326,"to":327},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":329,"to":330},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":332,"to":18},"All SaaS app examples",{"label":334,"to":335,"description":336},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":338,"to":339,"description":340},"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":342,"to":343,"description":344},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":346,"to":347,"description":348},"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":350,"updated_at":351},"2024-03-18T07:48:53.000Z","2026-09-13T13:02:39.000Z"]