[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fteachable\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":275,"links":276,"dates":332},"\u002Fexamples\u002Fapps\u002Fteachable\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Teachable product screens examples - Nicelydone","Browse Teachable screen design examples. Preview the interface screenshots and explore related UI patterns. Create and sell online courses and coaching","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e2c2f3e-04cc-41c5-b254-096511101875.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},"Teachable design examples","\u002Fexamples\u002Fapps\u002Fteachable",{"label":23,"to":4},"Teachable 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},"Teachable","teachable","Create and sell online courses and coaching","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fteachable-32bcb802.png","https:\u002F\u002Fteachable.com",[35,39],{"id":36,"title":37,"slug":38},33,"E-Learning","e-learning",{"id":40,"title":41,"slug":42},32,"Education","education",[44,73,88,100,112,132,148,159,183,205,226,249],{"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},"5e2c2f3e-04cc-41c5-b254-096511101875","Bertrand Bruandets School","Sign-in screen where the user authenticates with an email and password to access a specific school.",3024,1686,"Bertrand Bruandets School from Teachable","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},2,"Forgot Password","forgot-password",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":86},"115f22d3-5b02-40bf-b30a-7a5613e4c1e9","Verification screen where the user enters a confirmation code sent to their email to authorize a new device.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F115f22d3-5b02-40bf-b30a-7a5613e4c1e9.png",[78],{"id":79,"label":80,"slug":81,"rank":57,"group":82},6,"Verification","verification",{"id":59,"label":60,"slug":61},[84,85],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":46,"description":90,"canonical_path":4,"image":91,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":92,"component_categories":95,"app":98},"e761d2a2-16c9-4d11-b8c7-9dd8373364cd","Password recovery screen where the user enters their email address to initiate a reset flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe761d2a2-16c9-4d11-b8c7-9dd8373364cd.png",[93],{"id":54,"label":55,"slug":56,"rank":57,"group":94},{"id":59,"label":60,"slug":61},[96,97],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":46,"description":102,"canonical_path":4,"image":103,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":104,"component_categories":107,"app":110},"5eea7c7e-4bfb-48ff-a8ee-86ae22f69c4a","Password recovery screen where the user enters and confirms a new password to regain account access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5eea7c7e-4bfb-48ff-a8ee-86ae22f69c4a.png",[105],{"id":54,"label":55,"slug":56,"rank":57,"group":106},{"id":59,"label":60,"slug":61},[108,109],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":46,"description":114,"canonical_path":4,"image":115,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":116,"component_categories":127,"app":130},"620fd2a0-4a4b-4d10-bd78-a083b25b6c05","Password recovery screen confirming an email has been sent to the user with a reset link and offering a resend option.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F620fd2a0-4a4b-4d10-bd78-a083b25b6c05.png",[117,119],{"id":54,"label":55,"slug":56,"rank":57,"group":118},{"id":59,"label":60,"slug":61},{"id":120,"label":121,"slug":122,"rank":59,"group":123},122,"Success","success",{"id":124,"label":125,"slug":126},12,"States & Feedback","states-and-feedback",[128,129],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":48,"height":49,"image_alt":137,"kind":51,"patterns":138,"component_categories":144,"app":146},"487cc435-3c68-4ed5-8f76-b61cddb5a863","Teachable Accounts","Signup screen where the user creates a new account by providing their name, email, and password to start selling courses.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F487cc435-3c68-4ed5-8f76-b61cddb5a863.png","Teachable Accounts from Teachable",[139],{"id":140,"label":141,"slug":142,"rank":57,"group":143},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[145],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":134,"description":150,"canonical_path":4,"image":151,"width":48,"height":49,"image_alt":137,"kind":51,"patterns":152,"component_categories":155,"app":157},"d4f2e7c8-bd30-4369-8553-15b9dbb9aed3","Signup page where the user creates a new creator account using their name, email, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4f2e7c8-bd30-4369-8553-15b9dbb9aed3.png",[153],{"id":140,"label":141,"slug":142,"rank":57,"group":154},{"id":59,"label":60,"slug":61},[156],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":4,"image":163,"width":48,"height":164,"image_alt":165,"kind":51,"patterns":166,"component_categories":179,"app":181},"6243ed56-0e2f-401d-a8a2-09fc0ec21f69","Admin | Teachable","Onboarding step where the user answers a survey about their business size, audience, and revenue to personalize their Teachable experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6243ed56-0e2f-401d-a8a2-09fc0ec21f69.png",2162,"Admin | Teachable from Teachable",[167,171],{"id":59,"label":168,"slug":169,"rank":57,"group":170},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},{"id":172,"label":173,"slug":174,"rank":59,"group":175},42,"Form","form",{"id":176,"label":177,"slug":178},4,"Data & Analysis","data-and-analysis",[180],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":161,"description":185,"canonical_path":4,"image":186,"width":48,"height":187,"image_alt":165,"kind":51,"patterns":188,"component_categories":201,"app":203},"f049e107-750b-4bb1-a48c-3cb02cb470a2","Onboarding step where the user answers a survey about their business size, current audience, and revenue to customize their account experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff049e107-750b-4bb1-a48c-3cb02cb470a2.png",2518,[189,197,199],{"id":190,"label":191,"slug":192,"rank":57,"group":193},74,"Onboarding Checklist","onboarding-checklist",{"id":194,"label":195,"slug":196},7,"Onboarding & Education","onboarding-and-education",{"id":172,"label":173,"slug":174,"rank":59,"group":198},{"id":176,"label":177,"slug":178},{"id":59,"label":168,"slug":169,"rank":54,"group":200},{"id":59,"label":60,"slug":61},[202],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":204},[],{"uuid":206,"title":161,"description":207,"canonical_path":4,"image":208,"width":48,"height":49,"image_alt":165,"kind":51,"patterns":209,"component_categories":218,"app":224},"43df4169-9f99-467d-9e26-090681da665e","Onboarding step where the user selects their first product type from options like online course, digital download, coaching, or community.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F43df4169-9f99-467d-9e26-090681da665e.png",[210,216],{"id":194,"label":211,"slug":212,"rank":57,"group":213},"Add & Create","add-and-create",{"id":54,"label":214,"slug":215},"Actions","actions",{"id":190,"label":191,"slug":192,"rank":59,"group":217},{"id":194,"label":195,"slug":196},[219,223],{"id":220,"title":221,"slug":222},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":225},[],{"uuid":227,"title":161,"description":228,"canonical_path":4,"image":229,"width":48,"height":49,"image_alt":165,"kind":51,"patterns":230,"component_categories":241,"app":247},"b4c5e045-d168-4eee-b041-6cd3f5808bd2","Wizard step where the user chooses to upload a thumbnail image for their course or skip the step.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4c5e045-d168-4eee-b041-6cd3f5808bd2.png",[231,236],{"id":232,"label":233,"slug":234,"rank":57,"group":235},75,"Setup Wizard","setup-wizard",{"id":194,"label":195,"slug":196},{"id":237,"label":238,"slug":239,"rank":59,"group":240},25,"Upload & Download","upload-and-download",{"id":54,"label":214,"slug":215},[242,246],{"id":243,"title":244,"slug":245},227,"Stepper","stepper",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":251,"description":252,"canonical_path":4,"image":253,"width":48,"height":254,"image_alt":255,"kind":51,"patterns":256,"component_categories":269,"app":273},"a61baeb7-960d-49d1-9277-8d75a72c0c8c","Admin Teachable","Wizard step where the creator configures a one-time purchase pricing plan, with a live preview and an upsell prompt to enable buy-now-pay-later options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa61baeb7-960d-49d1-9277-8d75a72c0c8c.png",2742,"Admin Teachable from Teachable",[257,259,267],{"id":194,"label":211,"slug":212,"rank":57,"group":258},{"id":54,"label":214,"slug":215},{"id":260,"label":261,"slug":262,"rank":59,"group":263},89,"Pricing","pricing",{"id":264,"label":265,"slug":266},9,"Plans & Limits","plans-and-limits",{"id":172,"label":173,"slug":174,"rank":54,"group":268},{"id":176,"label":177,"slug":178},[270,271,272],{"id":243,"title":244,"slug":245},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":274},[],[],[277,279,281,283,285,287,289,291,293,295,297,299,302,305,308,311,314,316,320,324,328],{"label":55,"to":278},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":173,"to":280},"\u002Fexamples\u002Fscreens\u002Fform",{"label":168,"to":282},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":211,"to":284},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":191,"to":286},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":141,"to":288},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":261,"to":290},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":233,"to":292},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":121,"to":294},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":238,"to":296},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":80,"to":298},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":300,"to":301},"Teachable marketing pages","\u002Fexamples\u002Fapps\u002Fteachable\u002Fmarketing",{"label":303,"to":304},"Teachable user flows","\u002Fexamples\u002Fapps\u002Fteachable\u002Fflows",{"label":306,"to":307},"Teachable UI components","\u002Fexamples\u002Fapps\u002Fteachable\u002Fcomponents",{"label":309,"to":310},"E-Learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fe-learning",{"label":312,"to":313},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":315,"to":18},"All SaaS app examples",{"label":317,"to":318,"description":319},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":321,"to":322,"description":323},"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":325,"to":326,"description":327},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":329,"to":330,"description":331},"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":333,"updated_at":334},"2020-11-29T10:10:45.000Z","2026-09-13T13:02:39.000Z"]