[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmotion":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":64,"showcases":65,"links":323,"dates":341},"\u002Fexamples\u002Fapps\u002Fmotion","detail","apps",true,{"title":9,"description":10,"og_image":11},"Motion design examples - Nicelydone","Explore Motion UI design examples. Use AI to plan your work, automatically","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc96b2879-faed-4cbb-a80a-1d91a14c0618.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Motion design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Motion",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fmotion\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fmotion\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fmotion\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fmotion\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Motion","motion","Use AI to plan your work, automatically","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","https:\u002F\u002Fwww.usemotion.com","usemotion",[48,52,56,60],{"id":49,"title":50,"slug":51},80,"Artificial Intelligence","artificial-intelligence",{"id":53,"title":54,"slug":55},29,"Task Management","task-management",{"id":57,"title":58,"slug":59},30,"Productivity","productivity",{"id":61,"title":62,"slug":63},101,"Calendar","calendar",[],[66,314,317,320],{"family":67,"examples":68},"screens",[69,93,112,127,140,156,181,209,226,247,265,282],{"uuid":70,"title":41,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":91},"c96b2879-faed-4cbb-a80a-1d91a14c0618","Signup screen where the user can create an account using Google, Microsoft, Apple, or a work email address, accompanied by a social proof panel.",3024,1778,"Motion from Motion","screen",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},5,"Sign Up","sign-up",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87],{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":41,"description":95,"canonical_path":29,"image":96,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":97,"component_categories":108,"app":110},"4e1221a3-3f11-4f43-a48d-6e949131cf11","Signup page where the user can authenticate using Google, Microsoft, Apple, or email, alongside a social proof panel highlighting user volume and partner logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e1221a3-3f11-4f43-a48d-6e949131cf11.png",[98,100],{"id":78,"label":79,"slug":80,"rank":81,"group":99},{"id":83,"label":84,"slug":85},{"id":101,"label":102,"slug":103,"rank":83,"group":104},130,"Checkout","checkout",{"id":105,"label":106,"slug":107},14,"Payments & Checkout","payments-and-checkout",[109],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":111},[],{"uuid":113,"title":41,"description":114,"canonical_path":29,"image":115,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":116,"component_categories":123,"app":125},"7e17f18a-7256-4bc3-82b0-89d36cfffcc1","Signup step where the user creates a password for their provided email address to continue account registration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e17f18a-7256-4bc3-82b0-89d36cfffcc1.png",[117,121],{"id":83,"label":118,"slug":119,"rank":81,"group":120},"Account Setup","account-setup",{"id":83,"label":84,"slug":85},{"id":78,"label":79,"slug":80,"rank":83,"group":122},{"id":83,"label":84,"slug":85},[124],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":126},[],{"uuid":128,"title":41,"description":129,"canonical_path":29,"image":130,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":131,"component_categories":136,"app":138},"1867b5e1-c5a7-4796-b546-baf30d03ebdd","Signup step where the user creates a password for their specific email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1867b5e1-c5a7-4796-b546-baf30d03ebdd.png",[132,134],{"id":83,"label":118,"slug":119,"rank":81,"group":133},{"id":83,"label":84,"slug":85},{"id":78,"label":79,"slug":80,"rank":83,"group":135},{"id":83,"label":84,"slug":85},[137],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":139},[],{"uuid":141,"title":41,"description":142,"canonical_path":29,"image":143,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":144,"component_categories":153,"app":154},"18c1016c-1e15-4ac2-a3ef-9615f39af7b7","App loading screen displaying a spinner and a preparing message before entering the workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18c1016c-1e15-4ac2-a3ef-9615f39af7b7.png",[145],{"id":146,"label":147,"slug":148,"rank":81,"group":149},120,"Loading","loading",{"id":150,"label":151,"slug":152},12,"States & Feedback","states-and-feedback",[],{"slug":42,"title":41,"logo":44,"categories":155},[],{"uuid":157,"title":41,"description":158,"canonical_path":29,"image":159,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":160,"component_categories":174,"app":179},"94265cf4-46e1-43f1-8183-1f80a8cfa4dc","Onboarding step where the user selects a subscription tier between Individual, Business Standard, and Business Pro to start their trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94265cf4-46e1-43f1-8183-1f80a8cfa4dc.png",[161,169],{"id":162,"label":163,"slug":164,"rank":81,"group":165},89,"Pricing","pricing",{"id":166,"label":167,"slug":168},9,"Plans & Limits","plans-and-limits",{"id":170,"label":171,"slug":172,"rank":83,"group":173},88,"Feature Gate","feature-gate",{"id":166,"label":167,"slug":168},[175],{"id":176,"title":177,"slug":178},260,"Badge","badge",{"slug":42,"title":41,"logo":44,"categories":180},[],{"uuid":182,"title":41,"description":183,"canonical_path":29,"image":184,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":185,"component_categories":196,"app":207},"b695632f-349d-4fc0-a324-3f96cbfc9087","Checkout page where the user enters credit card details to start a 7-day free trial of the Team Plan, featuring a timeline of the trial lifecycle.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb695632f-349d-4fc0-a324-3f96cbfc9087.png",[186,191,193],{"id":187,"label":188,"slug":189,"rank":81,"group":190},91,"Trial","trial",{"id":166,"label":167,"slug":168},{"id":101,"label":102,"slug":103,"rank":83,"group":192},{"id":105,"label":106,"slug":107},{"id":162,"label":163,"slug":164,"rank":194,"group":195},2,{"id":166,"label":167,"slug":168},[197,198,202,206],{"id":176,"title":177,"slug":178},{"id":199,"title":200,"slug":201},240,"Horizontal navigation","horizontal-navigation",{"id":203,"title":204,"slug":205},174,"Card","card",{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":208},[],{"uuid":210,"title":41,"description":211,"canonical_path":29,"image":212,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":213,"component_categories":220,"app":224},"1b87a1cb-73f8-48c9-bf68-80b602f90a33","Checkout page where the user enters payment details to start a 7-day free trial of the Team Plan, with a timeline and feature list in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b87a1cb-73f8-48c9-bf68-80b602f90a33.png",[214,216,218],{"id":187,"label":188,"slug":189,"rank":81,"group":215},{"id":166,"label":167,"slug":168},{"id":162,"label":163,"slug":164,"rank":83,"group":217},{"id":166,"label":167,"slug":168},{"id":101,"label":102,"slug":103,"rank":194,"group":219},{"id":105,"label":106,"slug":107},[221,222,223],{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":225},[],{"uuid":227,"title":41,"description":228,"canonical_path":29,"image":229,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":230,"component_categories":240,"app":245},"d5b53aa8-1b2d-44b6-be33-ca9b146f04ab","Checkout screen where the user selects their team size, billing cycle, and enters payment details to start a 7-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd5b53aa8-1b2d-44b6-be33-ca9b146f04ab.png",[231,233,235],{"id":187,"label":188,"slug":189,"rank":81,"group":232},{"id":166,"label":167,"slug":168},{"id":162,"label":163,"slug":164,"rank":83,"group":234},{"id":166,"label":167,"slug":168},{"id":236,"label":237,"slug":238,"rank":194,"group":239},131,"Payment Form","payment-form",{"id":105,"label":106,"slug":107},[241,242,243,244],{"id":176,"title":177,"slug":178},{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":246},[],{"uuid":248,"title":41,"description":249,"canonical_path":29,"image":250,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":251,"component_categories":258,"app":263},"cdc2c2e4-d9df-4201-9042-8d2dfac33015","Checkout page where the user enters payment details to start a 7-day free trial for a Team Plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcdc2c2e4-d9df-4201-9042-8d2dfac33015.png",[252,254,256],{"id":101,"label":102,"slug":103,"rank":81,"group":253},{"id":105,"label":106,"slug":107},{"id":187,"label":188,"slug":189,"rank":83,"group":255},{"id":166,"label":167,"slug":168},{"id":162,"label":163,"slug":164,"rank":194,"group":257},{"id":166,"label":167,"slug":168},[259,260,261,262],{"id":176,"title":177,"slug":178},{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":264},[],{"uuid":266,"title":41,"description":267,"canonical_path":29,"image":268,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":269,"component_categories":276,"app":280},"ca75a6d7-bd19-474d-8284-a8c416971cb7","Checkout page where the user activates a 7-day free trial by selecting a billing cycle, choosing a seat count, and entering payment details alongside a timeline of the trial phases.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca75a6d7-bd19-474d-8284-a8c416971cb7.png",[270,272,274],{"id":101,"label":102,"slug":103,"rank":81,"group":271},{"id":105,"label":106,"slug":107},{"id":187,"label":188,"slug":189,"rank":83,"group":273},{"id":166,"label":167,"slug":168},{"id":236,"label":237,"slug":238,"rank":194,"group":275},{"id":105,"label":106,"slug":107},[277,278,279],{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":281},[],{"uuid":283,"title":41,"description":284,"canonical_path":29,"image":285,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":286,"component_categories":308,"app":312},"f16272e3-6c66-4c53-a09c-39cf30dbec76","Onboarding step where the user selects how they heard about Motion for Teams from a vertical list of radio options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff16272e3-6c66-4c53-a09c-39cf30dbec76.png",[287,295,303],{"id":288,"label":289,"slug":290,"rank":81,"group":291},74,"Onboarding Checklist","onboarding-checklist",{"id":292,"label":293,"slug":294},7,"Onboarding & Education","onboarding-and-education",{"id":296,"label":297,"slug":298,"rank":83,"group":299},42,"Form","form",{"id":300,"label":301,"slug":302},4,"Data & Analysis","data-and-analysis",{"id":304,"label":305,"slug":306,"rank":194,"group":307},117,"Feedback","feedback",{"id":150,"label":151,"slug":152},[309,310,311],{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":313},[],{"family":315,"examples":316},"flows",[],{"family":318,"examples":319},"components",[],{"family":321,"examples":322},"pages",[],[324,326,328,330,332,335,338],{"label":325,"to":29},"Motion product screens",{"label":327,"to":38},"Motion marketing pages",{"label":329,"to":32},"Motion user flows",{"label":331,"to":35},"Motion UI components",{"label":333,"to":334},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":336,"to":337},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":339,"to":340},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":342,"updated_at":343},"2025-02-07T17:10:23.000Z","2026-09-13T13:02:39.000Z"]