[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fframer\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":284,"links":285,"dates":326},"\u002Fexamples\u002Fapps\u002Fframer\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Framer marketing pages examples - Nicelydone","Explore Framer website design examples. Preview marketing pages and browse related SaaS page designs. Always interactive, lightning fast design.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f0fbf60-0a92-4df7-a998-2a31ada918c0.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},"Framer design examples","\u002Fexamples\u002Fapps\u002Fframer",{"label":23,"to":4},"Framer 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,"categories":34},"Framer","framer","Always interactive, lightning fast design.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fframer-4ee13abb.png","http:\u002F\u002Fframer.com\u002Fweb",[35,39,43,47],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",{"id":48,"title":49,"slug":50},96,"No code","no-code",[52,97,111,123,136,159,177,195,212,228,248,266],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":95},"6f0fbf60-0a92-4df7-a998-2a31ada918c0","Framer — The internet is your canvas","Landing page for a website builder showcasing its design canvas, publishing speed, CMS features, and customer testimonials.",3024,25529,"Framer — The internet is your canvas from Framer","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},136,"Landing Page","landing-page",0,{"id":67,"label":68,"slug":69},15,"Marketing Page Types","marketing-page-types",[71,75,79,83,87,91],{"id":72,"title":73,"slug":74},232,"Testimonial","testimonial",{"id":76,"title":77,"slug":78},260,"Badge","badge",{"id":80,"title":81,"slug":82},174,"Card","card",{"id":84,"title":85,"slug":86},175,"Button","button",{"id":88,"title":89,"slug":90},202,"Footer","footer",{"id":92,"title":93,"slug":94},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":54,"description":99,"canonical_path":4,"image":100,"width":56,"height":101,"image_alt":58,"kind":59,"patterns":102,"component_categories":105,"app":109},"875d3551-4be2-456f-a64c-0ee7160d1c96","Landing page hero section where the user can open a features mega menu to explore capabilities like layout, CMS, and AI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F875d3551-4be2-456f-a64c-0ee7160d1c96.png",1686,[103],{"id":62,"label":63,"slug":64,"rank":65,"group":104},{"id":67,"label":68,"slug":69},[106,107,108],{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":54,"description":113,"canonical_path":4,"image":114,"width":56,"height":101,"image_alt":58,"kind":59,"patterns":115,"component_categories":118,"app":121},"8546239f-c916-42bb-a93d-3307b53c0d63","Landing page where the user views the main hero pitch and explores a large resources dropdown menu containing links to the marketplace, community, and academy.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8546239f-c916-42bb-a93d-3307b53c0d63.png",[116],{"id":62,"label":63,"slug":64,"rank":65,"group":117},{"id":67,"label":68,"slug":69},[119,120],{"id":76,"title":77,"slug":78},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":54,"description":125,"canonical_path":4,"image":126,"width":56,"height":101,"image_alt":58,"kind":59,"patterns":127,"component_categories":130,"app":134},"9555b0c0-546e-419e-b01f-e648cdbf7280","Landing page where the user views the main hero pitch and opens the support navigation menu to find help, contact, and system status links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9555b0c0-546e-419e-b01f-e648cdbf7280.png",[128],{"id":62,"label":63,"slug":64,"rank":65,"group":129},{"id":67,"label":68,"slug":69},[131,132,133],{"id":76,"title":77,"slug":78},{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":56,"height":141,"image_alt":142,"kind":59,"patterns":143,"component_categories":149,"app":157},"3c712526-c882-49f5-8656-f74f5e4a69d5","Design | Layout in Framer","Feature page detailing Framer's design and layout capabilities, including freeform canvas, breakpoints, and styling tools, using a bento grid and sticky-scroll sections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c712526-c882-49f5-8656-f74f5e4a69d5.png",32219,"Design | Layout in Framer from Framer",[144],{"id":145,"label":146,"slug":147,"rank":65,"group":148},138,"Feature Page","feature-page",{"id":67,"label":68,"slug":69},[150,151,155,156],{"id":84,"title":85,"slug":86},{"id":152,"title":153,"slug":154},298,"Bento box","bento-grid",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":4,"image":163,"width":56,"height":164,"image_alt":165,"kind":59,"patterns":166,"component_categories":169,"app":175},"e6a330de-9428-44b2-a31e-039b66a1a268","CMS in Framer","Feature page for Framer's CMS, showcasing capabilities like collections, custom fields, and conditional logic through a bento grid and detailed product previews.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6a330de-9428-44b2-a31e-039b66a1a268.png",27006,"CMS in Framer from Framer",[167],{"id":145,"label":146,"slug":147,"rank":65,"group":168},{"id":67,"label":68,"slug":69},[170,171,172,173,174],{"id":80,"title":81,"slug":82},{"id":152,"title":153,"slug":154},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":179,"description":180,"canonical_path":4,"image":181,"width":56,"height":182,"image_alt":183,"kind":59,"patterns":184,"component_categories":187,"app":193},"d621dc99-acbb-4bf2-8618-48c49147d7db","Forms in Framer","Feature page detailing the form building capabilities of Framer, showcasing input types, styling options, integrations, and webhooks via a bento grid and a long-scroll section.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd621dc99-acbb-4bf2-8618-48c49147d7db.png",36226,"Forms in Framer from Framer",[185],{"id":145,"label":146,"slug":147,"rank":65,"group":186},{"id":67,"label":68,"slug":69},[188,189,190,191,192],{"id":76,"title":77,"slug":78},{"id":152,"title":153,"slug":154},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":4,"image":199,"width":56,"height":200,"image_alt":201,"kind":59,"patterns":202,"component_categories":205,"app":210},"08add1cc-4f6a-4f7d-a87f-1729980929c0","SEO | Performance in Framer","Feature page detailing Framer's built-in SEO and performance capabilities, including analytics, metadata management, sitemaps, and server-side rendering, presented with a sticky side navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08add1cc-4f6a-4f7d-a87f-1729980929c0.png",25956,"SEO | Performance in Framer from Framer",[203],{"id":145,"label":146,"slug":147,"rank":65,"group":204},{"id":67,"label":68,"slug":69},[206,207,208,209],{"id":80,"title":81,"slug":82},{"id":152,"title":153,"slug":154},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":4,"image":216,"width":56,"height":217,"image_alt":218,"kind":59,"patterns":219,"component_categories":222,"app":226},"39db57c7-cdde-446b-8628-32f4a098b571","Site Management in Framer","Feature page highlighting site management capabilities like localization, project permissions, version rollback, and staging environments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39db57c7-cdde-446b-8628-32f4a098b571.png",23429,"Site Management in Framer from Framer",[220],{"id":145,"label":146,"slug":147,"rank":65,"group":221},{"id":67,"label":68,"slug":69},[223,224,225],{"id":152,"title":153,"slug":154},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":227},[],{"uuid":229,"title":230,"description":231,"canonical_path":4,"image":232,"width":56,"height":233,"image_alt":234,"kind":59,"patterns":235,"component_categories":238,"app":246},"ee61d861-98fe-4fab-9afe-e25bfd1aa8c0","Localization in Framer","Feature page where the user learns about website localization capabilities, views a bento grid of tools like AI translation and locale pickers, and reviews add-on pricing tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee61d861-98fe-4fab-9afe-e25bfd1aa8c0.png",8604,"Localization in Framer from Framer",[236],{"id":145,"label":146,"slug":147,"rank":65,"group":237},{"id":67,"label":68,"slug":69},[239,243,244,245],{"id":240,"title":241,"slug":242},214,"Popover","popover",{"id":152,"title":153,"slug":154},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":250,"description":251,"canonical_path":4,"image":252,"width":56,"height":253,"image_alt":254,"kind":59,"patterns":255,"component_categories":258,"app":264},"f25dce1b-ad3d-4337-b325-f963b3d77202","AI Tools in Framer","Feature page showcasing Framer's AI capabilities including site translation, text rewriting, and style generation with interactive UI mockups.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff25dce1b-ad3d-4337-b325-f963b3d77202.png",16820,"AI Tools in Framer from Framer",[256],{"id":145,"label":146,"slug":147,"rank":65,"group":257},{"id":67,"label":68,"slug":69},[259,260,261,262,263],{"id":80,"title":81,"slug":82},{"id":152,"title":153,"slug":154},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":265},[],{"uuid":267,"title":268,"description":269,"canonical_path":4,"image":270,"width":56,"height":271,"image_alt":272,"kind":59,"patterns":273,"component_categories":276,"app":282},"275c5604-b3ba-4dce-ac34-a8684cee5c62","Effects in Framer","Feature page detailing no-code animation and scroll effects, featuring a bento grid of capabilities, interactive UI previews, and tutorial links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F275c5604-b3ba-4dce-ac34-a8684cee5c62.png",19287,"Effects in Framer from Framer",[274],{"id":145,"label":146,"slug":147,"rank":65,"group":275},{"id":67,"label":68,"slug":69},[277,278,279,280,281],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":152,"title":153,"slug":154},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":30,"title":29,"logo":32,"categories":283},[],[],[286,288,290,293,296,299,302,305,308,310,314,318,322],{"label":146,"to":287},"\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":63,"to":289},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":291,"to":292},"Framer product screens","\u002Fexamples\u002Fapps\u002Fframer\u002Fscreens",{"label":294,"to":295},"Framer user flows","\u002Fexamples\u002Fapps\u002Fframer\u002Fflows",{"label":297,"to":298},"Framer UI components","\u002Fexamples\u002Fapps\u002Fframer\u002Fcomponents",{"label":300,"to":301},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":303,"to":304},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":306,"to":307},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":309,"to":18},"All SaaS app examples",{"label":311,"to":312,"description":313},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":315,"to":316,"description":317},"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":319,"to":320,"description":321},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":323,"to":324,"description":325},"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":327,"updated_at":328},"2020-03-02T13:13:20.000Z","2026-09-13T13:02:39.000Z"]