[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Famie":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":397,"dates":433},"\u002Fexamples\u002Fapps\u002Famie","detail","apps",true,{"title":9,"description":10,"og_image":11},"Amie design examples - Nicelydone","Explore Amie UI design examples. The joyful productivity app","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52cf81b7-80ee-4639-906e-68269e159aca.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Amie design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Amie",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Famie\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Famie\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Famie\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Amie","amie","The joyful productivity app","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","https:\u002F\u002Famie.so","@tryamie",[48,52,56,60],{"id":49,"title":50,"slug":51},101,"Calendar","calendar",{"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},80,"Artificial Intelligence","artificial-intelligence",[],[66,388,391,394],{"family":67,"examples":68},"screens",[69,90,142,170,190,216,262,281,301,319,338,364],{"uuid":70,"title":71,"description":72,"canonical_path":29,"image":11,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":77,"component_categories":87,"app":88},"52cf81b7-80ee-4639-906e-68269e159aca","calendar.amie.so\u002Fsign-in?code=4\u002F0AeoWuM_0tZvZcrO3I2G0P1ky2T3HVhvvsiwpwoY8WnSQ8cVUFnqKjaguuKZSgHOemSkVbg&reference=calendar.amie.so&redirectUri=https:\u002F\u002Fcalendar.amie.so\u002Fsign-in-callback","Auth callback screen displaying a centered logo while the sign-in process completes.",3024,1758,"calendar.amie.so\u002Fsign-in?code=4\u002F0AeoWuM_0tZvZcrO3I2G0P1ky2T3HVhvvsiwpwoY8WnSQ8cVUFnqKjaguuKZSgHOemSkVbg&reference=calendar.amie.so&redirectUri=https:\u002F\u002Fcalendar.amie.so\u002Fsign-in-callback from Amie","screen",[78],{"id":79,"label":80,"slug":81,"rank":82,"group":83},120,"Loading","loading",0,{"id":84,"label":85,"slug":86},12,"States & Feedback","states-and-feedback",[],{"slug":42,"title":41,"logo":44,"categories":89},[],{"uuid":91,"title":41,"description":92,"canonical_path":29,"image":93,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":95,"component_categories":119,"app":140},"e972591c-98ae-4015-834f-d0cdb267b934","Paywall modal where the user can choose between Pro and Business plans, toggle yearly billing for a discount, or access account management options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe972591c-98ae-4015-834f-d0cdb267b934.png","Amie from Amie",[96,104,110],{"id":97,"label":98,"slug":99,"rank":82,"group":100},89,"Pricing","pricing",{"id":101,"label":102,"slug":103},9,"Plans & Limits","plans-and-limits",{"id":105,"label":106,"slug":107,"rank":108,"group":109},92,"Upgrade Prompt","upgrade-prompt",1,{"id":101,"label":102,"slug":103},{"id":111,"label":112,"slug":113,"rank":114,"group":115},94,"Account Settings","account-settings",2,{"id":116,"label":117,"slug":118},10,"Settings & Admin","settings-and-admin",[120,124,128,132,136],{"id":121,"title":122,"slug":123},174,"Card","card",{"id":125,"title":126,"slug":127},214,"Popover","popover",{"id":129,"title":130,"slug":131},284,"Modal","modal",{"id":133,"title":134,"slug":135},175,"Button","button",{"id":137,"title":138,"slug":139},260,"Badge","badge",{"slug":42,"title":41,"logo":44,"categories":141},[],{"uuid":143,"title":41,"description":144,"canonical_path":29,"image":145,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":146,"component_categories":156,"app":168},"3bc2b629-27d6-455c-9f0e-cf91c345f55e","App overlay where the user chooses between Pro and Business subscription plans with a monthly or yearly billing toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3bc2b629-27d6-455c-9f0e-cf91c345f55e.png",[147,149,151],{"id":97,"label":98,"slug":99,"rank":82,"group":148},{"id":101,"label":102,"slug":103},{"id":105,"label":106,"slug":107,"rank":108,"group":150},{"id":101,"label":102,"slug":103},{"id":152,"label":153,"slug":154,"rank":114,"group":155},88,"Feature Gate","feature-gate",{"id":101,"label":102,"slug":103},[157,158,162,166,167],{"id":129,"title":130,"slug":131},{"id":159,"title":160,"slug":161},177,"Breadcrumb","breadcrumb",{"id":163,"title":164,"slug":165},233,"Tabs","tabs",{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":169},[],{"uuid":171,"title":41,"description":172,"canonical_path":29,"image":173,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":174,"component_categories":181,"app":188},"139145af-ba2c-4278-9ca3-53df8331bee0","Paywall modal where the user selects between Pro and Business subscription plans with a monthly or yearly billing toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F139145af-ba2c-4278-9ca3-53df8331bee0.png",[175,177,179],{"id":97,"label":98,"slug":99,"rank":82,"group":176},{"id":101,"label":102,"slug":103},{"id":152,"label":153,"slug":154,"rank":108,"group":178},{"id":101,"label":102,"slug":103},{"id":105,"label":106,"slug":107,"rank":114,"group":180},{"id":101,"label":102,"slug":103},[182,183,184,185,186,187],{"id":121,"title":122,"slug":123},{"id":125,"title":126,"slug":127},{"id":129,"title":130,"slug":131},{"id":163,"title":164,"slug":165},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":189},[],{"uuid":191,"title":41,"description":192,"canonical_path":29,"image":193,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":194,"component_categories":204,"app":214},"04b12c02-c816-4f73-9301-32b99f68bf32","Calendar and task inbox view overlaid with a success modal confirming the workspace's upgrade to the Pro plan and prompting the user to connect their email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04b12c02-c816-4f73-9301-32b99f68bf32.png",[195,200,202],{"id":196,"label":197,"slug":198,"rank":82,"group":199},122,"Success","success",{"id":84,"label":85,"slug":86},{"id":105,"label":106,"slug":107,"rank":108,"group":201},{"id":101,"label":102,"slug":103},{"id":97,"label":98,"slug":99,"rank":114,"group":203},{"id":101,"label":102,"slug":103},[205,209,210,211,212,213],{"id":206,"title":207,"slug":208},240,"Horizontal navigation","horizontal-navigation",{"id":129,"title":130,"slug":131},{"id":159,"title":160,"slug":161},{"id":163,"title":164,"slug":165},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":215},[],{"uuid":217,"title":41,"description":218,"canonical_path":29,"image":219,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":220,"component_categories":243,"app":260},"fdb29963-2ee6-41d6-ae54-613442e3f288","Calendar application where the user views their weekly schedule alongside a grouped task list and a floating AI assistant composer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdb29963-2ee6-41d6-ae54-613442e3f288.png",[221,227,235],{"id":222,"label":50,"slug":51,"rank":82,"group":223},51,{"id":224,"label":225,"slug":226},5,"Media & Tools","media-and-tools",{"id":228,"label":229,"slug":230,"rank":108,"group":231},85,"Tasks","tasks",{"id":232,"label":233,"slug":234},8,"Pages & Content","pages-and-content",{"id":236,"label":237,"slug":238,"rank":114,"group":239},27,"AI Assistant","ai-assistant",{"id":240,"label":241,"slug":242},3,"AI","ai",[244,248,252,256,257,258,259],{"id":245,"title":246,"slug":247},168,"Accordion","accordion",{"id":249,"title":250,"slug":251},169,"Avatar","avatar",{"id":253,"title":254,"slug":255},277,"Button group","button-group",{"id":159,"title":160,"slug":161},{"id":163,"title":164,"slug":165},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":261},[],{"uuid":263,"title":41,"description":264,"canonical_path":29,"image":265,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":266,"component_categories":273,"app":279},"3a433aa0-80b4-493e-a396-af58245f84ec","Calendar view where the user manages their weekly schedule alongside a grouped task inbox and a floating AI command bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3a433aa0-80b4-493e-a396-af58245f84ec.png",[267,269,271],{"id":222,"label":50,"slug":51,"rank":82,"group":268},{"id":224,"label":225,"slug":226},{"id":228,"label":229,"slug":230,"rank":108,"group":270},{"id":232,"label":233,"slug":234},{"id":236,"label":237,"slug":238,"rank":114,"group":272},{"id":240,"label":241,"slug":242},[274,275,276,277,278],{"id":245,"title":246,"slug":247},{"id":159,"title":160,"slug":161},{"id":163,"title":164,"slug":165},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":280},[],{"uuid":282,"title":41,"description":283,"canonical_path":29,"image":284,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":285,"component_categories":292,"app":299},"fe6ac863-c3bb-4997-8332-16b2e52a4bc7","Calendar application where the user manages their daily tasks alongside a weekly schedule, with an AI command bar for quick entry.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe6ac863-c3bb-4997-8332-16b2e52a4bc7.png",[286,288,290],{"id":222,"label":50,"slug":51,"rank":82,"group":287},{"id":224,"label":225,"slug":226},{"id":236,"label":237,"slug":238,"rank":108,"group":289},{"id":240,"label":241,"slug":242},{"id":228,"label":229,"slug":230,"rank":114,"group":291},{"id":232,"label":233,"slug":234},[293,294,295,296,297,298],{"id":249,"title":250,"slug":251},{"id":253,"title":254,"slug":255},{"id":159,"title":160,"slug":161},{"id":163,"title":164,"slug":165},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":300},[],{"uuid":302,"title":41,"description":303,"canonical_path":29,"image":304,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":305,"component_categories":312,"app":317},"849af854-5205-4ad9-adb9-2a94b7e25ebd","Calendar application where the user views their weekly schedule for May 2026 alongside a to-do list and an AI command bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F849af854-5205-4ad9-adb9-2a94b7e25ebd.png",[306,308,310],{"id":222,"label":50,"slug":51,"rank":82,"group":307},{"id":224,"label":225,"slug":226},{"id":236,"label":237,"slug":238,"rank":108,"group":309},{"id":240,"label":241,"slug":242},{"id":228,"label":229,"slug":230,"rank":114,"group":311},{"id":232,"label":233,"slug":234},[313,314,315,316],{"id":253,"title":254,"slug":255},{"id":159,"title":160,"slug":161},{"id":163,"title":164,"slug":165},{"id":133,"title":134,"slug":135},{"slug":42,"title":41,"logo":44,"categories":318},[],{"uuid":320,"title":41,"description":321,"canonical_path":29,"image":322,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":323,"component_categories":330,"app":336},"2be43d65-5094-4dad-9793-adbeebee569f","Calendar view where the user manages their daily schedule alongside a to-do list, filters visible calendars, and can interact with an AI assistant via a bottom command bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2be43d65-5094-4dad-9793-adbeebee569f.png",[324,326,328],{"id":222,"label":50,"slug":51,"rank":82,"group":325},{"id":224,"label":225,"slug":226},{"id":236,"label":237,"slug":238,"rank":108,"group":327},{"id":240,"label":241,"slug":242},{"id":228,"label":229,"slug":230,"rank":114,"group":329},{"id":232,"label":233,"slug":234},[331,332,333,334,335],{"id":125,"title":126,"slug":127},{"id":253,"title":254,"slug":255},{"id":159,"title":160,"slug":161},{"id":163,"title":164,"slug":165},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":337},[],{"uuid":339,"title":41,"description":340,"canonical_path":29,"image":341,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":342,"component_categories":357,"app":362},"deb8f682-657f-4ef5-8d72-318c1332dab4","List view showing an empty state for meeting notes with options to download the desktop app or upload a recording file.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdeb8f682-657f-4ef5-8d72-318c1332dab4.png",[343,348,350],{"id":344,"label":345,"slug":346,"rank":82,"group":347},115,"Empty State","empty-state",{"id":84,"label":85,"slug":86},{"id":236,"label":237,"slug":238,"rank":108,"group":349},{"id":240,"label":241,"slug":242},{"id":351,"label":352,"slug":353,"rank":114,"group":354},25,"Upload & Download","upload-and-download",{"id":114,"label":355,"slug":356},"Actions","actions",[358,359,360,361],{"id":249,"title":250,"slug":251},{"id":121,"title":122,"slug":123},{"id":133,"title":134,"slug":135},{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":363},[],{"uuid":365,"title":41,"description":366,"canonical_path":29,"image":367,"width":73,"height":74,"image_alt":94,"kind":76,"patterns":368,"component_categories":384,"app":386},"28f17de6-16b0-4f52-a02e-04c81f490ea5","Search overlay where the user finds calendar events like 'Run 30 minutes' and 'Ascension Day' categorized by date.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28f17de6-16b0-4f52-a02e-04c81f490ea5.png",[369,377,379],{"id":370,"label":371,"slug":372,"rank":82,"group":373},64,"Global Search","global-search",{"id":374,"label":375,"slug":376},6,"Navigation & Commands","navigation-and-commands",{"id":222,"label":50,"slug":51,"rank":108,"group":378},{"id":224,"label":225,"slug":226},{"id":380,"label":381,"slug":382,"rank":114,"group":383},63,"Command Palette","command-palette",{"id":374,"label":375,"slug":376},[385],{"id":137,"title":138,"slug":139},{"slug":42,"title":41,"logo":44,"categories":387},[],{"family":389,"examples":390},"flows",[],{"family":392,"examples":393},"components",[],{"family":395,"examples":396},"pages",[],[398,400,402,404,406,409,412,415,417,421,425,429],{"label":399,"to":29},"Amie product screens",{"label":401,"to":38},"Amie marketing pages",{"label":403,"to":32},"Amie user flows",{"label":405,"to":35},"Amie UI components",{"label":407,"to":408},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":410,"to":411},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":413,"to":414},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":416,"to":18},"All SaaS app examples",{"label":418,"to":419,"description":420},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":422,"to":423,"description":424},"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":426,"to":427,"description":428},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":430,"to":431,"description":432},"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":434,"updated_at":435},"2023-10-30T06:43:21.000Z","2026-09-13T13:02:39.000Z"]