[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fcourse-creation":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":486,"links":487,"dates":539},"\u002Fexamples\u002Ftags\u002Fcourse-creation","collection","screens",true,{"example_count":9,"app_count":10},537,9,{"id":12,"title":13,"description":14},67670,"Course creation","",{"title":16,"description":17,"og_image":18},"Course creation screen examples - Nicelydone","Course creation screen design examples from SaaS apps. Browse examples from Mighty, Scale, Flodesk.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff5e68a80-04b8-4e65-a560-fc0766dfb4c8.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Course creation screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"537 screens",[34,124,173,230,283,324,373,412,449],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":82,"app":107},"f5e68a80-04b8-4e65-a560-fc0766dfb4c8","[Copy] Course","Detail page where a creator manages the sections and lessons of a course, with options to reorder, bulk select, and create new content.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens",3024,1780,"[Copy] Course from Mighty","2025-09-01T19:09:04.000Z","screen",[45,54,63,68,77],{"id":46,"label":47,"slug":48,"rank":49,"group":50},41,"Dashboard","dashboard",0,{"id":51,"label":52,"slug":53},4,"Data & Analysis","data-and-analysis",{"id":55,"label":56,"slug":57,"rank":58,"group":59},11,"Edit","edit",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",{"id":64,"label":65,"slug":66,"rank":60,"group":67},18,"Reorder","reorder",{"id":60,"label":61,"slug":62},{"id":69,"label":70,"slug":71,"rank":72,"group":73},126,"Bulk Actions","bulk-actions",3,{"id":74,"label":75,"slug":76},13,"Workflow & Automation","workflow-and-automation",{"id":78,"label":79,"slug":80,"rank":51,"group":81},7,"Add & Create","add-and-create",{"id":60,"label":61,"slug":62},[83,87,91,95,99,103],{"id":84,"title":85,"slug":86},169,"Avatar","avatar",{"id":88,"title":89,"slug":90},277,"Button group","button-group",{"id":92,"title":93,"slug":94},240,"Horizontal navigation","horizontal-navigation",{"id":96,"title":97,"slug":98},260,"Badge","badge",{"id":100,"title":101,"slug":102},174,"Card","card",{"id":104,"title":105,"slug":106},175,"Button","button",{"slug":108,"title":109,"logo":110,"baseline":111,"categories":112},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[113,117,120],{"id":114,"title":115,"slug":116},33,"E-Learning","e-learning",{"id":58,"title":118,"slug":119},"Communities","communities",{"id":121,"title":122,"slug":123},26,"Events","events",{"uuid":125,"title":126,"description":127,"canonical_path":128,"image":129,"width":39,"height":40,"image_alt":130,"published_at":131,"kind":43,"patterns":132,"component_categories":150,"app":155},"f255a2f8-632d-49aa-80c0-ac68ed512e29","Scale Studio","List view where the user manages custom training courses for their labeling team, viewing creation dates, status, and completion metrics.","\u002Fexamples\u002Fapps\u002Fscale\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff255a2f8-632d-49aa-80c0-ac68ed512e29.png","Scale Studio from Scale","2025-07-28T13:24:59.000Z",[133,138,140,142],{"id":134,"label":135,"slug":136,"rank":49,"group":137},47,"Table","table",{"id":51,"label":52,"slug":53},{"id":78,"label":79,"slug":80,"rank":58,"group":139},{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":60,"group":141},{"id":51,"label":52,"slug":53},{"id":143,"label":144,"slug":145,"rank":72,"group":146},79,"Browse","browse",{"id":147,"label":148,"slug":149},8,"Pages & Content","pages-and-content",[151,152,153,154],{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"id":104,"title":105,"slug":106},{"slug":156,"title":157,"logo":158,"baseline":159,"categories":160},"scale","Scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscale-2d049dde.png","The data platform for AI",[161,165,169],{"id":162,"title":163,"slug":164},80,"Artificial Intelligence","artificial-intelligence",{"id":166,"title":167,"slug":168},57,"Big data","big-data",{"id":170,"title":171,"slug":172},77,"Machine learning","machine-learning",{"uuid":174,"title":175,"description":176,"canonical_path":177,"image":178,"width":39,"height":179,"image_alt":180,"published_at":181,"kind":43,"patterns":182,"component_categories":198,"app":216},"8e65565f-8e45-4d40-a6f4-ea1d04096788","Simple checkout | Flodesk","Design editor where the user configures product details like name, description, pricing preview, and audience segments for a checkout page within a modal overlay.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e65565f-8e45-4d40-a6f4-ea1d04096788.png",1778,"Simple checkout | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[183,191,196],{"id":184,"label":185,"slug":186,"rank":49,"group":187},130,"Checkout","checkout",{"id":188,"label":189,"slug":190},14,"Payments & Checkout","payments-and-checkout",{"id":192,"label":193,"slug":194,"rank":58,"group":195},131,"Payment Form","payment-form",{"id":188,"label":189,"slug":190},{"id":55,"label":56,"slug":57,"rank":60,"group":197},{"id":60,"label":61,"slug":62},[199,203,207,211,212,213,214,215],{"id":200,"title":201,"slug":202},284,"Modal","modal",{"id":204,"title":205,"slug":206},233,"Tabs","tabs",{"id":208,"title":209,"slug":210},223,"Slider","slider",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":100,"title":101,"slug":102},{"id":96,"title":97,"slug":98},{"id":104,"title":105,"slug":106},{"slug":217,"title":218,"logo":219,"baseline":220,"categories":221},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[222,226],{"id":223,"title":224,"slug":225},27,"Email Newsletters","email-newsletters",{"id":227,"title":228,"slug":229},25,"Marketing","marketing",{"uuid":231,"title":232,"description":233,"canonical_path":234,"image":235,"width":39,"height":179,"image_alt":236,"published_at":237,"kind":43,"patterns":238,"component_categories":259,"app":270},"308d2218-786f-474d-bdd1-f6a2dfcf7b92","Podia Design Fundamentals From Concept to Creation","Settings page where the user configures the availability status, visibility, and sign-up limits for a specific course.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F308d2218-786f-474d-bdd1-f6a2dfcf7b92.png","Podia Design Fundamentals From Concept to Creation from Podia","2025-02-17T15:29:05.000Z",[239,247,252],{"id":240,"label":241,"slug":242,"rank":49,"group":243},102,"Settings","settings",{"id":244,"label":245,"slug":246},10,"Settings & Admin","settings-and-admin",{"id":248,"label":249,"slug":250,"rank":58,"group":251},17,"Publish","publish",{"id":60,"label":61,"slug":62},{"id":253,"label":254,"slug":255,"rank":60,"group":256},91,"Trial","trial",{"id":10,"label":257,"slug":258},"Plans & Limits","plans-and-limits",[260,264,265,266,267,268,269],{"id":261,"title":262,"slug":263},177,"Breadcrumb","breadcrumb",{"id":204,"title":205,"slug":206},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":271,"title":272,"logo":273,"baseline":274,"categories":275},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[276,280,281,282],{"id":277,"title":278,"slug":279},32,"Education","education",{"id":58,"title":118,"slug":119},{"id":223,"title":224,"slug":225},{"id":114,"title":115,"slug":116},{"uuid":284,"title":285,"description":286,"canonical_path":287,"image":288,"width":39,"height":289,"image_alt":290,"published_at":291,"kind":43,"patterns":292,"component_categories":306,"app":313},"81c5429b-9b8c-49ce-b52a-5de9bac34aad","Kajabi - adminsites2148600208creator_studio","Creation modal where the user uploads a source video and selects which AI-generated assets, like transcripts, social posts, and emails, they want to produce.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F81c5429b-9b8c-49ce-b52a-5de9bac34aad.png",4866,"Kajabi - adminsites2148600208creator_studio from Kajabi","2025-01-27T19:31:18.000Z",[293,295,299],{"id":78,"label":79,"slug":80,"rank":49,"group":294},{"id":60,"label":61,"slug":62},{"id":227,"label":296,"slug":297,"rank":58,"group":298},"Upload & Download","upload-and-download",{"id":60,"label":61,"slug":62},{"id":300,"label":301,"slug":302,"rank":60,"group":303},30,"AI Generation","ai-generation",{"id":72,"label":304,"slug":305},"AI","ai",[307,311,312],{"id":308,"title":309,"slug":310},227,"Stepper","stepper",{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":314,"title":315,"logo":316,"baseline":317,"categories":318},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[319,320,321,322,323],{"id":277,"title":278,"slug":279},{"id":227,"title":228,"slug":229},{"id":58,"title":118,"slug":119},{"id":223,"title":224,"slug":225},{"id":114,"title":115,"slug":116},{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":39,"height":330,"image_alt":331,"published_at":332,"kind":43,"patterns":333,"component_categories":342,"app":359},"f61c83c3-07d4-4ecc-87bb-662020d38413","Video hosting for e-learning","Marketing page detailing secure video hosting and streaming solutions tailored for course creators and e-learning platforms.","\u002Fexamples\u002Fapps\u002Fgumlet\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff61c83c3-07d4-4ecc-87bb-662020d38413.png",12254,"Video hosting for e-learning from Gumlet","2024-11-12T11:28:31.000Z",[334],{"id":335,"label":336,"slug":337,"rank":49,"group":338},139,"Use Case Page","use-case-page",{"id":339,"label":340,"slug":341},15,"Marketing Page Types","marketing-page-types",[343,347,351,355,356,357,358],{"id":344,"title":345,"slug":346},168,"Accordion","accordion",{"id":348,"title":349,"slug":350},258,"Header","header",{"id":352,"title":353,"slug":354},202,"Footer","footer",{"id":88,"title":89,"slug":90},{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":360,"title":361,"logo":362,"baseline":363,"categories":364},"gumlet","Gumlet","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgumlet-220db785.png","One-stop video hosting and video streaming solution",[365,369],{"id":366,"title":367,"slug":368},70,"Video streaming","video-streaming",{"id":370,"title":371,"slug":372},100,"Video","video",{"uuid":374,"title":375,"description":376,"canonical_path":377,"image":378,"width":39,"height":379,"image_alt":380,"published_at":381,"kind":43,"patterns":382,"component_categories":397,"app":404},"19a01203-e66a-46f5-957c-dcb0439290f2","Admin | Teachable","List view of bundles with an alert dialog prompting the user to confirm the irreversible deletion of a specific bundle.","\u002Fexamples\u002Fapps\u002Fteachable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19a01203-e66a-46f5-957c-dcb0439290f2.png",1686,"Admin | Teachable from Teachable","2024-07-01T10:17:36.000Z",[383,391,395],{"id":384,"label":385,"slug":386,"rank":49,"group":387},114,"Confirmation","confirmation",{"id":388,"label":389,"slug":390},12,"States & Feedback","states-and-feedback",{"id":10,"label":392,"slug":393,"rank":58,"group":394},"Delete","delete",{"id":60,"label":61,"slug":62},{"id":134,"label":135,"slug":136,"rank":60,"group":396},{"id":51,"label":52,"slug":53},[398,402,403],{"id":399,"title":400,"slug":401},211,"Pagination","pagination",{"id":96,"title":97,"slug":98},{"id":104,"title":105,"slug":106},{"slug":405,"title":406,"logo":407,"baseline":408,"categories":409},"teachable","Teachable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fteachable-32bcb802.png","Create and sell online courses and coaching",[410,411],{"id":114,"title":115,"slug":116},{"id":277,"title":278,"slug":279},{"uuid":413,"title":414,"description":415,"canonical_path":416,"image":417,"width":39,"height":418,"image_alt":419,"published_at":420,"kind":43,"patterns":421,"component_categories":424,"app":437},"a030ebbf-73c5-438f-90c2-3b3e6f90495b","Meiro for Education · Level up your education with interactive co","Use case page explaining how educators can use the platform to create interactive quizzes and tests, featuring step-by-step guides, a customer testimonial, and a feature breakdown.","\u002Fexamples\u002Fapps\u002Fmeiro\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa030ebbf-73c5-438f-90c2-3b3e6f90495b.png",10902,"Meiro for Education · Level up your education with interactive co from Meiro","2024-04-22T08:36:23.000Z",[422],{"id":335,"label":336,"slug":337,"rank":49,"group":423},{"id":339,"label":340,"slug":341},[425,429,433,434,435,436],{"id":426,"title":427,"slug":428},298,"Bento box","bento-grid",{"id":430,"title":431,"slug":432},232,"Testimonial","testimonial",{"id":348,"title":349,"slug":350},{"id":208,"title":209,"slug":210},{"id":352,"title":353,"slug":354},{"id":96,"title":97,"slug":98},{"slug":438,"title":439,"logo":440,"baseline":441,"categories":442},"meiro","Meiro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmeiro-1a1702c0.png","AI-powered builder for tests, quizzes and text games",[443,444,445],{"id":162,"title":163,"slug":164},{"id":277,"title":278,"slug":279},{"id":446,"title":447,"slug":448},69,"Surveys","surveys",{"uuid":450,"title":451,"description":452,"canonical_path":453,"image":454,"width":455,"height":456,"image_alt":457,"published_at":458,"kind":43,"patterns":459,"component_categories":473,"app":478},"7f632114-c202-4021-995b-29e0f369b9f0","List","List view where the user can browse their existing training courses, toggle between grid and list layouts, sort by recency, or create a new course.","\u002Fexamples\u002Fapps\u002Farticulate\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Farticulate_list-2_9bdb2d2b_nicelydone.jpg",2880,1526,"List from Articulate","2016-11-16T08:10:02.000Z",[460,462,469],{"id":143,"label":144,"slug":145,"rank":49,"group":461},{"id":147,"label":148,"slug":149},{"id":366,"label":463,"slug":464,"rank":58,"group":465},"View Switcher","view-switcher",{"id":466,"label":467,"slug":468},6,"Navigation & Commands","navigation-and-commands",{"id":74,"label":470,"slug":471,"rank":60,"group":472},"Filter & Sort","filter-and-sort",{"id":60,"label":61,"slug":62},[474,475,476,477],{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":479,"title":480,"logo":481,"baseline":482,"categories":483},"articulate","Articulate","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Farticulate-a446812d.png","E-learning software and authoring tools",[484,485],{"id":277,"title":278,"slug":279},{"id":114,"title":115,"slug":116},[],[488,490,492,494,496,498,500,502,504,506,508,510,512,515,518,521,524,527,530,533,536],{"label":79,"to":489,"count":72},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":144,"to":491,"count":60},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":47,"to":493,"count":60},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":56,"to":495,"count":60},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":135,"to":497,"count":60},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":301,"to":499,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":70,"to":501,"count":58},"\u002Fexamples\u002Fscreens\u002Fbulk-actions",{"label":185,"to":503,"count":58},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":385,"to":505,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":392,"to":507,"count":58},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":470,"to":509,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":193,"to":511,"count":58},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":513,"to":514},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":516,"to":517},"Scale design examples","\u002Fexamples\u002Fapps\u002Fscale",{"label":519,"to":520},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":522,"to":523},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":525,"to":526},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":528,"to":529},"Gumlet design examples","\u002Fexamples\u002Fapps\u002Fgumlet",{"label":531,"to":532},"Teachable design examples","\u002Fexamples\u002Fapps\u002Fteachable",{"label":534,"to":535},"Meiro design examples","\u002Fexamples\u002Fapps\u002Fmeiro",{"label":537,"to":538},"Articulate design examples","\u002Fexamples\u002Fapps\u002Farticulate",{"published_at":458,"updated_at":540},"2026-09-05T20:19:51.788Z"]