[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fscreens":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":264,"links":265,"dates":319},"\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Synthesia product screens examples - Nicelydone","Browse Synthesia screen design examples. Preview the interface screenshots and explore related UI patterns. #1 AI video creation platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71b2f4b0-1bc0-47ef-a07c-9dcb0fff2e12.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},"Synthesia design examples","\u002Fexamples\u002Fapps\u002Fsynthesia",{"label":23,"to":4},"Synthesia 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,"categories":34},"Synthesia","synthesia","#1 AI video creation platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsynthesia-4278cf0d.png","https:\u002F\u002Fwww.synthesia.io",[35,39],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},100,"Video","video",[44,73,87,107,122,133,145,160,172,189,224,244],{"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":71},"71b2f4b0-1bc0-47ef-a07c-9dcb0fff2e12","Synthesia STUDIO","Sign-in screen where the user authenticates with Google, SSO, or email and password.",3024,1738,"Synthesia STUDIO from Synthesia","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":46,"description":75,"canonical_path":4,"image":76,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":77,"component_categories":83,"app":85},"f211f3df-e318-41b3-8e84-93902284e1b9","Password recovery screen where the user enters their email address to receive a reset link for their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff211f3df-e318-41b3-8e84-93902284e1b9.png",[78],{"id":79,"label":80,"slug":81,"rank":57,"group":82},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[84],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":46,"description":89,"canonical_path":4,"image":90,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":91,"component_categories":102,"app":105},"e7769488-d203-4638-89a5-c3d09c35b203","Password recovery screen where the user enters their email address to receive a reset link, with a success toast confirming the email was sent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe7769488-d203-4638-89a5-c3d09c35b203.png",[92,94],{"id":79,"label":80,"slug":81,"rank":57,"group":93},{"id":59,"label":60,"slug":61},{"id":95,"label":96,"slug":97,"rank":59,"group":98},122,"Success","success",{"id":99,"label":100,"slug":101},12,"States & Feedback","states-and-feedback",[103,104],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":46,"description":109,"canonical_path":4,"image":110,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":111,"component_categories":117,"app":120},"826002c9-48f1-40fb-b989-e983c9f65051","Signup screen where the user can create an account using Google or an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F826002c9-48f1-40fb-b989-e983c9f65051.png",[112],{"id":113,"label":114,"slug":115,"rank":57,"group":116},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[118,119],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":46,"description":124,"canonical_path":4,"image":125,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":126,"component_categories":129,"app":131},"3a847d17-d5f5-4d20-83c3-459a81a47532","Signup page where the user creates an account by entering their first name, last name, email, and setting a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a847d17-d5f5-4d20-83c3-459a81a47532.png",[127],{"id":113,"label":114,"slug":115,"rank":57,"group":128},{"id":59,"label":60,"slug":61},[130],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":46,"description":135,"canonical_path":4,"image":136,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":137,"component_categories":140,"app":143},"23c8b570-50ef-40d2-afc8-fcff62523db5","Signup page where the user enters their name, email, and password to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23c8b570-50ef-40d2-afc8-fcff62523db5.png",[138],{"id":113,"label":114,"slug":115,"rank":57,"group":139},{"id":59,"label":60,"slug":61},[141,142],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":46,"description":147,"canonical_path":4,"image":148,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":149,"component_categories":155,"app":158},"a31604db-9638-4670-8c5f-68b13ea176b0","Verification screen where the user enters a 6-digit code sent to their email to confirm their identity and complete signup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa31604db-9638-4670-8c5f-68b13ea176b0.png",[150],{"id":151,"label":152,"slug":153,"rank":57,"group":154},6,"Verification","verification",{"id":59,"label":60,"slug":61},[156,157],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":46,"description":162,"canonical_path":4,"image":163,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":164,"component_categories":167,"app":170},"f33c8031-387b-49a6-8cbe-5d18089be359","Verification screen where the user enters a 6-digit code sent to their email to complete the signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff33c8031-387b-49a6-8cbe-5d18089be359.png",[165],{"id":151,"label":152,"slug":153,"rank":57,"group":166},{"id":59,"label":60,"slug":61},[168,169],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":46,"description":174,"canonical_path":4,"image":175,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":176,"component_categories":184,"app":187},"bab1de7e-f6bd-4885-ad71-79e0735c7cb0","Verification screen where the user submits a 6-digit code sent to their email to complete signup, currently showing a loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbab1de7e-f6bd-4885-ad71-79e0735c7cb0.png",[177,179],{"id":151,"label":152,"slug":153,"rank":57,"group":178},{"id":59,"label":60,"slug":61},{"id":180,"label":181,"slug":182,"rank":59,"group":183},120,"Loading","loading",{"id":99,"label":100,"slug":101},[185,186],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":46,"description":191,"canonical_path":4,"image":192,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":193,"component_categories":212,"app":222},"5fc95db7-5f53-46ef-8e8c-b2aaac8a8f13","Paywall modal where the user must choose between a Personal subscription or contacting sales for an Enterprise plan to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5fc95db7-5f53-46ef-8e8c-b2aaac8a8f13.png",[194,202,207],{"id":195,"label":196,"slug":197,"rank":57,"group":198},88,"Feature Gate","feature-gate",{"id":199,"label":200,"slug":201},9,"Plans & Limits","plans-and-limits",{"id":203,"label":204,"slug":205,"rank":59,"group":206},89,"Pricing","pricing",{"id":199,"label":200,"slug":201},{"id":208,"label":209,"slug":210,"rank":79,"group":211},114,"Confirmation","confirmation",{"id":99,"label":100,"slug":101},[213,217,221],{"id":214,"title":215,"slug":216},284,"Modal","modal",{"id":218,"title":219,"slug":220},260,"Badge","badge",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":223},[],{"uuid":225,"title":46,"description":226,"canonical_path":4,"image":227,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":228,"component_categories":238,"app":242},"b03be871-ed6d-4728-b293-4ea5586d57aa","Paywall modal requiring the user to select a Personal or Enterprise subscription plan, featuring a monthly versus yearly billing toggle with a discount badge.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb03be871-ed6d-4728-b293-4ea5586d57aa.png",[229,231,233],{"id":203,"label":204,"slug":205,"rank":57,"group":230},{"id":199,"label":200,"slug":201},{"id":195,"label":196,"slug":197,"rank":59,"group":232},{"id":199,"label":200,"slug":201},{"id":234,"label":235,"slug":236,"rank":79,"group":237},92,"Upgrade Prompt","upgrade-prompt",{"id":199,"label":200,"slug":201},[239,240,241],{"id":214,"title":215,"slug":216},{"id":218,"title":219,"slug":220},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":243},[],{"uuid":245,"title":46,"description":246,"canonical_path":4,"image":247,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":248,"component_categories":258,"app":262},"0c9068ff-46b9-44d4-8462-fee23680536f","Paywall modal prompting the user to choose between a Personal subscription or contact sales for an Enterprise plan, featuring a monthly\u002Fyearly billing toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c9068ff-46b9-44d4-8462-fee23680536f.png",[249,251,253,255],{"id":195,"label":196,"slug":197,"rank":57,"group":250},{"id":199,"label":200,"slug":201},{"id":203,"label":204,"slug":205,"rank":59,"group":252},{"id":199,"label":200,"slug":201},{"id":234,"label":235,"slug":236,"rank":79,"group":254},{"id":199,"label":200,"slug":201},{"id":208,"label":209,"slug":210,"rank":256,"group":257},3,{"id":99,"label":100,"slug":101},[259,260,261],{"id":214,"title":215,"slug":216},{"id":218,"title":219,"slug":220},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":263},[],[],[266,268,270,272,274,276,278,280,282,284,286,289,292,295,298,301,303,307,311,315],{"label":196,"to":267},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":204,"to":269},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":114,"to":271},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":152,"to":273},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":209,"to":275},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":80,"to":277},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":235,"to":279},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":181,"to":281},"\u002Fexamples\u002Fscreens\u002Floading",{"label":55,"to":283},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":96,"to":285},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":287,"to":288},"Synthesia marketing pages","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fmarketing",{"label":290,"to":291},"Synthesia user flows","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fflows",{"label":293,"to":294},"Synthesia UI components","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fcomponents",{"label":296,"to":297},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":299,"to":300},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"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},"2023-06-12T16:34:19.000Z","2026-09-13T13:02:39.000Z"]