[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fteachable":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":349,"dates":382},"\u002Fexamples\u002Fapps\u002Fteachable","detail","apps",true,{"title":9,"description":10,"og_image":11},"Teachable design examples - Nicelydone","Explore Teachable UI design examples. Create and sell online courses and coaching","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e2c2f3e-04cc-41c5-b254-096511101875.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Teachable design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Teachable",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fteachable\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fteachable\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fteachable\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fteachable\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Teachable","teachable","Create and sell online courses and coaching","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fteachable-32bcb802.png","https:\u002F\u002Fteachable.com",[47,51],{"id":48,"title":49,"slug":50},33,"E-Learning","e-learning",{"id":52,"title":53,"slug":54},32,"Education","education",[],[57,340,343,346],{"family":58,"examples":59},"screens",[60,89,104,124,140,164,186,207,230,256,283,312],{"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},"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",[69],{"id":70,"label":71,"slug":72,"rank":73,"group":74},2,"Forgot Password","forgot-password",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":102},"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",[94],{"id":95,"label":96,"slug":97,"rank":73,"group":98},6,"Verification","verification",{"id":75,"label":76,"slug":77},[100,101],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":103},[],{"uuid":105,"title":62,"description":106,"canonical_path":29,"image":107,"width":64,"height":65,"image_alt":66,"kind":67,"patterns":108,"component_categories":119,"app":122},"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",[109,111],{"id":70,"label":71,"slug":72,"rank":73,"group":110},{"id":75,"label":76,"slug":77},{"id":112,"label":113,"slug":114,"rank":75,"group":115},122,"Success","success",{"id":116,"label":117,"slug":118},12,"States & Feedback","states-and-feedback",[120,121],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":29,"image":128,"width":64,"height":65,"image_alt":129,"kind":67,"patterns":130,"component_categories":136,"app":138},"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",[131],{"id":132,"label":133,"slug":134,"rank":73,"group":135},5,"Sign Up","sign-up",{"id":75,"label":76,"slug":77},[137],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":139},[],{"uuid":141,"title":142,"description":143,"canonical_path":29,"image":144,"width":64,"height":145,"image_alt":146,"kind":67,"patterns":147,"component_categories":160,"app":162},"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",[148,152],{"id":75,"label":149,"slug":150,"rank":73,"group":151},"Account Setup","account-setup",{"id":75,"label":76,"slug":77},{"id":153,"label":154,"slug":155,"rank":75,"group":156},42,"Form","form",{"id":157,"label":158,"slug":159},4,"Data & Analysis","data-and-analysis",[161],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":163},[],{"uuid":165,"title":142,"description":166,"canonical_path":29,"image":167,"width":64,"height":168,"image_alt":146,"kind":67,"patterns":169,"component_categories":182,"app":184},"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,[170,178,180],{"id":171,"label":172,"slug":173,"rank":73,"group":174},74,"Onboarding Checklist","onboarding-checklist",{"id":175,"label":176,"slug":177},7,"Onboarding & Education","onboarding-and-education",{"id":153,"label":154,"slug":155,"rank":75,"group":179},{"id":157,"label":158,"slug":159},{"id":75,"label":149,"slug":150,"rank":70,"group":181},{"id":75,"label":76,"slug":77},[183],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":185},[],{"uuid":187,"title":142,"description":188,"canonical_path":29,"image":189,"width":64,"height":65,"image_alt":146,"kind":67,"patterns":190,"component_categories":199,"app":205},"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",[191,197],{"id":175,"label":192,"slug":193,"rank":73,"group":194},"Add & Create","add-and-create",{"id":70,"label":195,"slug":196},"Actions","actions",{"id":171,"label":172,"slug":173,"rank":75,"group":198},{"id":175,"label":176,"slug":177},[200,204],{"id":201,"title":202,"slug":203},260,"Badge","badge",{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":206},[],{"uuid":208,"title":142,"description":209,"canonical_path":29,"image":210,"width":64,"height":65,"image_alt":146,"kind":67,"patterns":211,"component_categories":222,"app":228},"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",[212,217],{"id":213,"label":214,"slug":215,"rank":73,"group":216},75,"Setup Wizard","setup-wizard",{"id":175,"label":176,"slug":177},{"id":218,"label":219,"slug":220,"rank":75,"group":221},25,"Upload & Download","upload-and-download",{"id":70,"label":195,"slug":196},[223,227],{"id":224,"title":225,"slug":226},227,"Stepper","stepper",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":229},[],{"uuid":231,"title":232,"description":233,"canonical_path":29,"image":234,"width":64,"height":235,"image_alt":236,"kind":67,"patterns":237,"component_categories":250,"app":254},"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",[238,240,248],{"id":175,"label":192,"slug":193,"rank":73,"group":239},{"id":70,"label":195,"slug":196},{"id":241,"label":242,"slug":243,"rank":75,"group":244},89,"Pricing","pricing",{"id":245,"label":246,"slug":247},9,"Plans & Limits","plans-and-limits",{"id":153,"label":154,"slug":155,"rank":70,"group":249},{"id":157,"label":158,"slug":159},[251,252,253],{"id":224,"title":225,"slug":226},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":255},[],{"uuid":257,"title":232,"description":258,"canonical_path":29,"image":259,"width":64,"height":260,"image_alt":236,"kind":67,"patterns":261,"component_categories":274,"app":281},"6ffa641c-c1db-4b9d-a2d2-96bfe887b061","Wizard step where the user configures one-time purchase pricing, access duration, and buy-now-pay-later options for a new course.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6ffa641c-c1db-4b9d-a2d2-96bfe887b061.png",3556,[262,264,266],{"id":175,"label":192,"slug":193,"rank":73,"group":263},{"id":70,"label":195,"slug":196},{"id":153,"label":154,"slug":155,"rank":75,"group":265},{"id":157,"label":158,"slug":159},{"id":267,"label":268,"slug":269,"rank":70,"group":270},131,"Payment Form","payment-form",{"id":271,"label":272,"slug":273},14,"Payments & Checkout","payments-and-checkout",[275,279,280],{"id":276,"title":277,"slug":278},167,"Alert","alert",{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":282},[],{"uuid":284,"title":142,"description":285,"canonical_path":29,"image":286,"width":64,"height":287,"image_alt":146,"kind":67,"patterns":288,"component_categories":307,"app":310},"eb1ef218-5f8e-4947-aa78-f2581a7fc90e","Dashboard with a setup checklist for creating a course, customizing the school website, and a referral link at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb1ef218-5f8e-4947-aa78-f2581a7fc90e.png",3882,[289,294,296,301],{"id":290,"label":291,"slug":292,"rank":73,"group":293},41,"Dashboard","dashboard",{"id":157,"label":158,"slug":159},{"id":171,"label":172,"slug":173,"rank":75,"group":295},{"id":175,"label":176,"slug":177},{"id":297,"label":298,"slug":299,"rank":70,"group":300},72,"Getting Started","getting-started",{"id":175,"label":176,"slug":177},{"id":302,"label":303,"slug":304,"rank":305,"group":306},92,"Upgrade Prompt","upgrade-prompt",3,{"id":245,"label":246,"slug":247},[308,309],{"id":201,"title":202,"slug":203},{"id":80,"title":81,"slug":82},{"slug":42,"title":41,"logo":44,"categories":311},[],{"uuid":313,"title":142,"description":314,"canonical_path":29,"image":315,"width":64,"height":65,"image_alt":146,"kind":67,"patterns":316,"component_categories":331,"app":338},"947a9698-aba7-4bac-88b9-727ac21f81c6","Course creation step where the user crops, rotates, and uploads a thumbnail image for their course.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F947a9698-aba7-4bac-88b9-727ac21f81c6.png",[317,322,324],{"id":318,"label":319,"slug":320,"rank":73,"group":321},11,"Edit","edit",{"id":70,"label":195,"slug":196},{"id":218,"label":219,"slug":220,"rank":75,"group":323},{"id":70,"label":195,"slug":196},{"id":325,"label":326,"slug":327,"rank":70,"group":328},58,"Media Editor","media-editor",{"id":132,"label":329,"slug":330},"Media & Tools","media-and-tools",[332,333,337],{"id":224,"title":225,"slug":226},{"id":334,"title":335,"slug":336},284,"Modal","modal",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":339},[],{"family":341,"examples":342},"flows",[],{"family":344,"examples":345},"components",[],{"family":347,"examples":348},"pages",[],[350,352,354,356,358,361,364,366,370,374,378],{"label":351,"to":29},"Teachable product screens",{"label":353,"to":38},"Teachable marketing pages",{"label":355,"to":32},"Teachable user flows",{"label":357,"to":35},"Teachable UI components",{"label":359,"to":360},"E-Learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fe-learning",{"label":362,"to":363},"Education app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Feducation",{"label":365,"to":18},"All SaaS app examples",{"label":367,"to":368,"description":369},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":371,"to":372,"description":373},"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":375,"to":376,"description":377},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":379,"to":380,"description":381},"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":383,"updated_at":384},"2020-11-29T10:10:45.000Z","2026-09-27T12:10:02.000Z"]