[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcraft\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":202,"links":203,"dates":222},"\u002Fexamples\u002Fapps\u002Fcraft\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Craft UI components examples - Nicelydone","Browse Craft UI component design examples. Preview individual interface elements and explore related component categories. Taking notes to the next level","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9e07a57a-b518-4228-bb48-cc7d3e8b62a9.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},"Craft design examples","\u002Fexamples\u002Fapps\u002Fcraft",{"label":23,"to":4},"Craft UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Craft","craft","Taking notes to the next level","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcraft-gw2w5ytx.png","https:\u002F\u002Fwww.craft.do","craftdocsapp",[36,40,44,48],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",{"id":45,"title":46,"slug":47},29,"Task Management","task-management",{"id":49,"title":50,"slug":51},59,"Writing tools","writing-tools",[53,68,81,94,107,117,130,143,153,163,176,189],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"8fe66377-0041-40df-a938-b0d7007ed5bc","Craft UI component","A modal to select the theme of the app",1279,606,"UI component from Craft","component",[62],{"id":63,"title":64,"slug":65},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"f0d018f5-d606-4430-8795-61df0d346e96","The screenshot shows a modal for managing subscriptions, indicating the user is on a free version with options to upgrade or access settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd7452da2-3aa9-401d-a2fd-02ff27a56ecd.png",1440,560,[75],{"id":76,"title":77,"slug":78},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":92},"b89af30b-f85f-46d5-bb02-525c50b83dd4","The screenshot shows a dropdown menu for selecting a model, with options for 'GPT-4o' and 'GPT-4o mini'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F527c1944-164c-40b5-ab0c-d0d52fdfe910.png",667,519,[88],{"id":89,"title":90,"slug":91},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":55,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":59,"kind":60,"categories":100,"app":105},"8d9d6897-509e-4e0d-9db3-1bf0fb0ff006","A success notification modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F752f4934-8338-442c-8954-72e363866ce6.png",423,200,[101],{"id":102,"title":103,"slug":104},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":55,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":59,"kind":60,"categories":113,"app":115},"47ae3747-c989-4499-98bb-f104ff3923b0","This screenshot displays a user profile popover with options for settings, downloading the app, and signing out.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F35bb6b45-f272-4342-8fc0-13b262961f95.png",620,681,[114],{"id":89,"title":90,"slug":91},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":55,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":59,"kind":60,"categories":123,"app":128},"b17c9c0e-e93a-45dc-8404-c33c77a4831d","The screenshot displays a 'Create Reminder' modal with options to set a reminder date and time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F95f63a4c-634c-4268-86b7-fb1e19be6208.png",658,1160,[124],{"id":125,"title":126,"slug":127},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":55,"description":132,"canonical_path":4,"image":133,"width":134,"height":135,"image_alt":59,"kind":60,"categories":136,"app":141},"152f60f0-f6bf-4207-8584-66b8e3781254","The screenshot displays a notification modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F670323f9-3510-4e61-860d-1e6f0fced53b.png",800,1064,[137],{"id":138,"title":139,"slug":140},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":55,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":59,"kind":60,"categories":149,"app":151},"96f7375e-5e3a-459b-b3f4-8031c277a4c0","A notification modal with activity and reminder tabs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F229ea73c-f5b5-4c68-ad13-40a94d9787f3.png",818,632,[150],{"id":89,"title":90,"slug":91},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":55,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":59,"kind":60,"categories":159,"app":161},"d712c48e-3e9d-44a3-97cc-cd47aa8212f0","The screenshot displays a modal or popover with settings and team options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9672faf7-dacf-45f7-ae4d-2ab3e3403482.png",609,678,[160],{"id":89,"title":90,"slug":91},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":55,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":59,"kind":60,"categories":169,"app":174},"97498214-2539-41ac-b86f-880bcd3e152a","The modal shows a progress indicator and a message indicating that documents are being created.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0dcfb68e-f55b-47ad-b0a7-b31b76a5e528.png",551,449,[170],{"id":171,"title":172,"slug":173},226,"Skeleton","skeleton",{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":55,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":59,"kind":60,"categories":182,"app":187},"d5a7b212-b94c-4218-891d-71101a5d5f66","A search modal displaying document results.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F305855fe-a267-4be3-8a36-be1e2dcab1f6.png",1081,1093,[183],{"id":184,"title":185,"slug":186},295,"Input search","input-search",{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":55,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":59,"kind":60,"categories":195,"app":200},"09f82844-a2d0-4ea9-80ce-220788fae9e9","A color picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F40916d9a-8ed1-401f-8843-6dc1b85e2862.png",690,504,[196],{"id":197,"title":198,"slug":199},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":201},[],[],[204,207,210,213,216,219],{"label":205,"to":206},"Craft product screens","\u002Fexamples\u002Fapps\u002Fcraft\u002Fscreens",{"label":208,"to":209},"Craft marketing pages","\u002Fexamples\u002Fapps\u002Fcraft\u002Fmarketing",{"label":211,"to":212},"Craft user flows","\u002Fexamples\u002Fapps\u002Fcraft\u002Fflows",{"label":214,"to":215},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":217,"to":218},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":220,"to":221},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"published_at":223,"updated_at":224},"2022-04-18T09:40:08.000Z","2026-09-13T13:02:39.000Z"]