[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":59,"showcases":286,"links":287,"dates":344},"\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Klaviyo product screens examples - Nicelydone","Browse Klaviyo screen design examples. Preview the interface screenshots and explore related UI patterns. Marketing Automation Platform for Email & SMS with CDP","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9080f8b3-2b6e-41a9-845a-73758dc111c6.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},"Klaviyo design examples","\u002Fexamples\u002Fapps\u002Fklaviyo",{"label":23,"to":4},"Klaviyo 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,"twitter_username":30,"categories":34},"Klaviyo","klaviyo","Marketing Automation Platform for Email & SMS with CDP","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fklaviyo-rf0axnc0.png","https:\u002F\u002Fwww.klaviyo.com",[35,39,43,47,51,55],{"id":36,"title":37,"slug":38},46,"Analytics","analytics",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},27,"Email Newsletters","email-newsletters",{"id":48,"title":49,"slug":50},68,"SMS","sms",{"id":52,"title":53,"slug":54},53,"CRM","crm",{"id":56,"title":57,"slug":58},57,"Big data","big-data",[60,84,103,125,144,155,168,183,200,222,250,271],{"uuid":61,"title":29,"description":62,"canonical_path":4,"image":11,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":67,"component_categories":77,"app":82},"9080f8b3-2b6e-41a9-845a-73758dc111c6","Sign-in screen where the user authenticates with email and password or via SSO, protected by a reCAPTCHA challenge.",3024,1738,"Klaviyo from Klaviyo","screen",[68],{"id":69,"label":70,"slug":71,"rank":72,"group":73},2,"Forgot Password","forgot-password",0,{"id":74,"label":75,"slug":76},1,"Access & Account","access-and-account",[78],{"id":79,"title":80,"slug":81},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":29,"description":86,"canonical_path":4,"image":87,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":88,"component_categories":99,"app":101},"8a935535-fe93-426c-a87b-dba557535665","Sign-in screen where the user is prompted to enter their email and password, currently showing validation errors for missing required fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a935535-fe93-426c-a87b-dba557535665.png",[89,97],{"id":90,"label":91,"slug":92,"rank":72,"group":93},116,"Error","error",{"id":94,"label":95,"slug":96},12,"States & Feedback","states-and-feedback",{"id":69,"label":70,"slug":71,"rank":74,"group":98},{"id":74,"label":75,"slug":76},[100],{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":29,"description":105,"canonical_path":4,"image":106,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":107,"component_categories":121,"app":123},"b33e40ae-e102-472b-9bf1-8495d28b516c","Sign-in screen where the user authenticates via SSO by entering their workplace ID.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb33e40ae-e102-472b-9bf1-8495d28b516c.png",[108,113],{"id":109,"label":110,"slug":111,"rank":72,"group":112},4,"Sign In","sign-in",{"id":74,"label":75,"slug":76},{"id":114,"label":115,"slug":116,"rank":74,"group":117},103,"SSO","sso",{"id":118,"label":119,"slug":120},10,"Settings & Admin","settings-and-admin",[122],{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":29,"description":127,"canonical_path":4,"image":128,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":129,"component_categories":136,"app":142},"f5cdb406-0188-487c-84bb-66eed532de2b","Sign-in screen where the user attempts to authenticate via SSO but encounters a missing workplace ID error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5cdb406-0188-487c-84bb-66eed532de2b.png",[130,132,134],{"id":90,"label":91,"slug":92,"rank":72,"group":131},{"id":94,"label":95,"slug":96},{"id":109,"label":110,"slug":111,"rank":74,"group":133},{"id":74,"label":75,"slug":76},{"id":114,"label":115,"slug":116,"rank":69,"group":135},{"id":118,"label":119,"slug":120},[137,141],{"id":138,"title":139,"slug":140},167,"Alert","alert",{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":29,"description":146,"canonical_path":4,"image":147,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":148,"component_categories":151,"app":153},"8a0066c7-0d4a-4aef-a445-fb0a13f3fab5","Password recovery screen where the user requests a reset link by entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a0066c7-0d4a-4aef-a445-fb0a13f3fab5.png",[149],{"id":69,"label":70,"slug":71,"rank":72,"group":150},{"id":74,"label":75,"slug":76},[152],{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":29,"description":157,"canonical_path":4,"image":158,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":159,"component_categories":164,"app":166},"510b9b3a-a635-44b9-a911-8bd63531a5c7","Password recovery screen where the user enters their email address to receive a reset link, currently showing a validation error for an empty field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F510b9b3a-a635-44b9-a911-8bd63531a5c7.png",[160,162],{"id":69,"label":70,"slug":71,"rank":72,"group":161},{"id":74,"label":75,"slug":76},{"id":90,"label":91,"slug":92,"rank":74,"group":163},{"id":94,"label":95,"slug":96},[165],{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":29,"description":170,"canonical_path":4,"image":171,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":172,"component_categories":180,"app":181},"534c2deb-e29b-4045-be28-f7c067f1351d","Password recovery confirmation screen informing the user that an email has been sent, with an inline link to try sending it again if not received.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F534c2deb-e29b-4045-be28-f7c067f1351d.png",[173,175],{"id":69,"label":70,"slug":71,"rank":72,"group":174},{"id":74,"label":75,"slug":76},{"id":176,"label":177,"slug":178,"rank":74,"group":179},122,"Success","success",{"id":94,"label":95,"slug":96},[],{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":29,"description":185,"canonical_path":4,"image":186,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":187,"component_categories":197,"app":198},"d6237ece-1041-4f8f-9b48-9b7780123ce9","Loading screen where the system provisions the user's new account after signup submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6237ece-1041-4f8f-9b48-9b7780123ce9.png",[188,192],{"id":74,"label":189,"slug":190,"rank":72,"group":191},"Account Setup","account-setup",{"id":74,"label":75,"slug":76},{"id":193,"label":194,"slug":195,"rank":74,"group":196},120,"Loading","loading",{"id":94,"label":95,"slug":96},[],{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":29,"description":202,"canonical_path":4,"image":203,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":204,"component_categories":214,"app":220},"35f31993-ccb4-4de6-9a56-42e37cf7dd4b","Onboarding step where the user connects their Shopify store by providing the store URL, currently displaying a required field validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35f31993-ccb4-4de6-9a56-42e37cf7dd4b.png",[205,207,209],{"id":74,"label":189,"slug":190,"rank":72,"group":206},{"id":74,"label":75,"slug":76},{"id":90,"label":91,"slug":92,"rank":74,"group":208},{"id":94,"label":95,"slug":96},{"id":210,"label":211,"slug":212,"rank":69,"group":213},97,"Integrations","integrations",{"id":118,"label":119,"slug":120},[215,219],{"id":216,"title":217,"slug":218},240,"Horizontal navigation","horizontal-navigation",{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":29,"description":224,"canonical_path":4,"image":225,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":226,"component_categories":237,"app":248},"adb44553-feeb-4ef1-9a57-0435010cc80b","Onboarding step where the user selects their e-commerce platform from options like Shopify, WooCommerce, and Salesforce to connect their store.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadb44553-feeb-4ef1-9a57-0435010cc80b.png",[227,229],{"id":74,"label":189,"slug":190,"rank":72,"group":228},{"id":74,"label":75,"slug":76},{"id":230,"label":231,"slug":232,"rank":74,"group":233},75,"Setup Wizard","setup-wizard",{"id":234,"label":235,"slug":236},7,"Onboarding & Education","onboarding-and-education",[238,242,246,247],{"id":239,"title":240,"slug":241},174,"Card","card",{"id":243,"title":244,"slug":245},169,"Avatar","avatar",{"id":216,"title":217,"slug":218},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":249},[],{"uuid":251,"title":29,"description":252,"canonical_path":4,"image":253,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":254,"component_categories":264,"app":269},"7a7fb2b3-e6c0-4740-80c0-44c79bc9b7b8","Onboarding step where the user selects their primary e-commerce platform from a grid of integration options to connect data.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a7fb2b3-e6c0-4740-80c0-44c79bc9b7b8.png",[255,257],{"id":74,"label":189,"slug":190,"rank":72,"group":256},{"id":74,"label":75,"slug":76},{"id":258,"label":259,"slug":260,"rank":74,"group":261},23,"Select","select",{"id":69,"label":262,"slug":263},"Actions","actions",[265,266,267,268],{"id":239,"title":240,"slug":241},{"id":243,"title":244,"slug":245},{"id":216,"title":217,"slug":218},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":270},[],{"uuid":272,"title":29,"description":273,"canonical_path":4,"image":274,"width":63,"height":64,"image_alt":65,"kind":66,"patterns":275,"component_categories":280,"app":284},"fd1b811a-812b-4915-b3ba-8135d82633b5","Onboarding step where the user selects their estimated contact list size to personalize their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd1b811a-812b-4915-b3ba-8135d82633b5.png",[276,278],{"id":74,"label":189,"slug":190,"rank":72,"group":277},{"id":74,"label":75,"slug":76},{"id":258,"label":259,"slug":260,"rank":74,"group":279},{"id":69,"label":262,"slug":263},[281,282,283],{"id":243,"title":244,"slug":245},{"id":216,"title":217,"slug":218},{"id":79,"title":80,"slug":81},{"slug":30,"title":29,"logo":32,"categories":285},[],[],[288,290,292,294,296,298,300,302,304,306,308,311,314,317,320,323,326,328,332,336,340],{"label":189,"to":289},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":70,"to":291},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":91,"to":293},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":259,"to":295},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":110,"to":297},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":115,"to":299},"\u002Fexamples\u002Fscreens\u002Fsso",{"label":211,"to":301},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":194,"to":303},"\u002Fexamples\u002Fscreens\u002Floading",{"label":231,"to":305},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":177,"to":307},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":309,"to":310},"Klaviyo marketing pages","\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fmarketing",{"label":312,"to":313},"Klaviyo user flows","\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fflows",{"label":315,"to":316},"Klaviyo UI components","\u002Fexamples\u002Fapps\u002Fklaviyo\u002Fcomponents",{"label":318,"to":319},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":321,"to":322},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":324,"to":325},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":327,"to":18},"All SaaS app examples",{"label":329,"to":330,"description":331},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":333,"to":334,"description":335},"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":337,"to":338,"description":339},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":341,"to":342,"description":343},"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":345,"updated_at":346},"2023-03-11T00:19:13.000Z","2026-09-13T13:02:39.000Z"]