[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsynthesia":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":55,"showcases":56,"links":289,"dates":322},"\u002Fexamples\u002Fapps\u002Fsynthesia","detail","apps",true,{"title":9,"description":10,"og_image":11},"Synthesia design examples - Nicelydone","Explore Synthesia UI design examples. #1 AI video creation platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71b2f4b0-1bc0-47ef-a07c-9dcb0fff2e12.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Synthesia design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Synthesia",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fsynthesia\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Synthesia","synthesia","#1 AI video creation platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsynthesia-4278cf0d.png","https:\u002F\u002Fwww.synthesia.io",[47,51],{"id":48,"title":49,"slug":50},80,"Artificial Intelligence","artificial-intelligence",{"id":52,"title":53,"slug":54},100,"Video","video",[],[57,280,283,286],{"family":58,"examples":59},"screens",[60,89,103,123,138,149,161,176,188,205,240,260],{"uuid":61,"title":62,"description":63,"canonical_path":29,"image":11,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":68,"component_categories":78,"app":87},"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",[69],{"id":70,"label":71,"slug":72,"rank":73,"group":74},4,"Sign In","sign-in",0,{"id":75,"label":76,"slug":77},1,"Access & Account","access-and-account",[79,83],{"id":80,"title":81,"slug":82},174,"Card","card",{"id":84,"title":85,"slug":86},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":88},[],{"uuid":90,"title":62,"description":91,"canonical_path":29,"image":92,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":93,"component_categories":99,"app":101},"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",[94],{"id":95,"label":96,"slug":97,"rank":73,"group":98},2,"Forgot Password","forgot-password",{"id":75,"label":76,"slug":77},[100],{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":102},[],{"uuid":104,"title":62,"description":105,"canonical_path":29,"image":106,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":107,"component_categories":118,"app":121},"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",[108,110],{"id":95,"label":96,"slug":97,"rank":73,"group":109},{"id":75,"label":76,"slug":77},{"id":111,"label":112,"slug":113,"rank":75,"group":114},122,"Success","success",{"id":115,"label":116,"slug":117},12,"States & Feedback","states-and-feedback",[119,120],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":122},[],{"uuid":124,"title":62,"description":125,"canonical_path":29,"image":126,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":127,"component_categories":133,"app":136},"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",[128],{"id":129,"label":130,"slug":131,"rank":73,"group":132},5,"Sign Up","sign-up",{"id":75,"label":76,"slug":77},[134,135],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":62,"description":140,"canonical_path":29,"image":141,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":142,"component_categories":145,"app":147},"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",[143],{"id":129,"label":130,"slug":131,"rank":73,"group":144},{"id":75,"label":76,"slug":77},[146],{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":148},[],{"uuid":150,"title":62,"description":151,"canonical_path":29,"image":152,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":153,"component_categories":156,"app":159},"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",[154],{"id":129,"label":130,"slug":131,"rank":73,"group":155},{"id":75,"label":76,"slug":77},[157,158],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":160},[],{"uuid":162,"title":62,"description":163,"canonical_path":29,"image":164,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":165,"component_categories":171,"app":174},"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",[166],{"id":167,"label":168,"slug":169,"rank":73,"group":170},6,"Verification","verification",{"id":75,"label":76,"slug":77},[172,173],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":175},[],{"uuid":177,"title":62,"description":178,"canonical_path":29,"image":179,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":180,"component_categories":183,"app":186},"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",[181],{"id":167,"label":168,"slug":169,"rank":73,"group":182},{"id":75,"label":76,"slug":77},[184,185],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":187},[],{"uuid":189,"title":62,"description":190,"canonical_path":29,"image":191,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":192,"component_categories":200,"app":203},"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",[193,195],{"id":167,"label":168,"slug":169,"rank":73,"group":194},{"id":75,"label":76,"slug":77},{"id":196,"label":197,"slug":198,"rank":75,"group":199},120,"Loading","loading",{"id":115,"label":116,"slug":117},[201,202],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":204},[],{"uuid":206,"title":62,"description":207,"canonical_path":29,"image":208,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":209,"component_categories":228,"app":238},"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",[210,218,223],{"id":211,"label":212,"slug":213,"rank":73,"group":214},88,"Feature Gate","feature-gate",{"id":215,"label":216,"slug":217},9,"Plans & Limits","plans-and-limits",{"id":219,"label":220,"slug":221,"rank":75,"group":222},89,"Pricing","pricing",{"id":215,"label":216,"slug":217},{"id":224,"label":225,"slug":226,"rank":95,"group":227},114,"Confirmation","confirmation",{"id":115,"label":116,"slug":117},[229,233,237],{"id":230,"title":231,"slug":232},284,"Modal","modal",{"id":234,"title":235,"slug":236},260,"Badge","badge",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":239},[],{"uuid":241,"title":62,"description":242,"canonical_path":29,"image":243,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":244,"component_categories":254,"app":258},"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",[245,247,249],{"id":219,"label":220,"slug":221,"rank":73,"group":246},{"id":215,"label":216,"slug":217},{"id":211,"label":212,"slug":213,"rank":75,"group":248},{"id":215,"label":216,"slug":217},{"id":250,"label":251,"slug":252,"rank":95,"group":253},92,"Upgrade Prompt","upgrade-prompt",{"id":215,"label":216,"slug":217},[255,256,257],{"id":230,"title":231,"slug":232},{"id":234,"title":235,"slug":236},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":259},[],{"uuid":261,"title":62,"description":262,"canonical_path":29,"image":263,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":264,"component_categories":274,"app":278},"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",[265,267,269,271],{"id":211,"label":212,"slug":213,"rank":73,"group":266},{"id":215,"label":216,"slug":217},{"id":219,"label":220,"slug":221,"rank":75,"group":268},{"id":215,"label":216,"slug":217},{"id":250,"label":251,"slug":252,"rank":95,"group":270},{"id":215,"label":216,"slug":217},{"id":224,"label":225,"slug":226,"rank":272,"group":273},3,{"id":115,"label":116,"slug":117},[275,276,277],{"id":230,"title":231,"slug":232},{"id":234,"title":235,"slug":236},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":279},[],{"family":281,"examples":282},"flows",[],{"family":284,"examples":285},"components",[],{"family":287,"examples":288},"pages",[],[290,292,294,296,298,301,304,306,310,314,318],{"label":291,"to":29},"Synthesia product screens",{"label":293,"to":38},"Synthesia marketing pages",{"label":295,"to":32},"Synthesia user flows",{"label":297,"to":35},"Synthesia UI components",{"label":299,"to":300},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":302,"to":303},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":305,"to":18},"All SaaS app examples",{"label":307,"to":308,"description":309},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":311,"to":312,"description":313},"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":315,"to":316,"description":317},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":319,"to":320,"description":321},"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":323,"updated_at":324},"2023-06-12T16:34:19.000Z","2026-09-13T13:02:39.000Z"]