[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplane\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":202,"links":203,"dates":222},"\u002Fexamples\u002Fapps\u002Fplane\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Plane UI components examples - Nicelydone","Browse Plane UI component design examples. Preview individual interface elements and explore related component categories. Project management tool from the…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc91e4668-3593-409f-8178-6931f13787f2.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},"Plane design examples","\u002Fexamples\u002Fapps\u002Fplane",{"label":23,"to":4},"Plane UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Plane UI component design examples. Preview individual interface elements and explore related component categories. Project management tool from the future.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Plane","plane","Project management tool from the future.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplane-2z3nu5f0.png","https:\u002F\u002Fplane.so\u002F","https:\u002F\u002Ftwitter.com\u002Fplanepowers",[37,41,45],{"id":38,"title":39,"slug":40},86,"Product management","product-management",{"id":42,"title":43,"slug":44},22,"Knowledge Management","knowledge-management",{"id":46,"title":47,"slug":48},29,"Task Management","task-management",[50,64,79,92,105,118,128,141,154,167,180,189],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":62},"e0684f9e-5753-4863-8ba4-16030eb4c5fa","Hero section","A landing page hero section featuring a top banner, navigation header, a central headline with a subheadline, call-to-action buttons, and a preview image of the application interface.",3024,1635,"Hero section from Plane","component",[59],{"id":60,"title":52,"slug":61},197,"hero-section",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":57,"categories":72,"app":77},"f3dc872d-17cf-4f25-954d-f705ffcc2494","Plane UI component","A theme selection modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fefb186ef-93cd-47f8-8cf5-8b823744f137.png",2009,762,"UI component from Plane",[73],{"id":74,"title":75,"slug":76},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":78},[],{"uuid":80,"title":66,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":71,"kind":57,"categories":85,"app":90},"ff065f3b-7cd1-4aa2-95c4-7be672833fcf","A toggle switch to enable cycles for all projects in a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Febff26d5-5ca2-4e35-a993-a5fe51eea418.png",1928,336,[86],{"id":87,"title":88,"slug":89},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":91},[],{"uuid":93,"title":66,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":71,"kind":57,"categories":98,"app":103},"09513162-47f4-413d-8534-fc4552782418","A project card showing progress and status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1a61c15-cbe0-4eae-8b9e-e1784c54d6df.png",885,864,[99],{"id":100,"title":101,"slug":102},168,"Accordion","accordion",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":66,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":71,"kind":57,"categories":111,"app":116},"fc087737-c917-4fce-bbb6-af53f6826dfd","A task card with status and due date","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F91f75a3d-56da-407b-ac66-aa9fad09d2fc.png",906,374,[112],{"id":113,"title":114,"slug":115},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":117},[],{"uuid":119,"title":66,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":71,"kind":57,"categories":124,"app":126},"eefdf11f-ef2f-43a8-bc3b-f5c988ce1a5c","A card with a title, description, date and a status tag.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1fb6d4c0-4244-4186-ac5c-9f4c88217390.png",869,754,[125],{"id":113,"title":114,"slug":115},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":66,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":71,"kind":57,"categories":134,"app":139},"07d25348-5796-49ea-a345-08c29c8ae2f1","A table displaying project issues and their details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F48bf0db6-a9eb-4136-b3e4-ad8564bfe1c7.png",2721,477,[135],{"id":136,"title":137,"slug":138},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":140},[],{"uuid":142,"title":66,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":71,"kind":57,"categories":147,"app":152},"43d8ed10-1a04-47a0-8dbd-a11fd8bd6ff9","A label component with a close action","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F93e8f19a-3bcf-4dc0-8e9c-cc261c634514.png",470,188,[148],{"id":149,"title":150,"slug":151},260,"Badge","badge",{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":66,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":71,"kind":57,"categories":160,"app":165},"75ef78a6-43a7-4aca-b5f2-2049d3d317d2","A date picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd3fe8c52-db54-4f1e-9e17-969db63f17e0.png",758,641,[161],{"id":162,"title":163,"slug":164},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":166},[],{"uuid":168,"title":66,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":71,"kind":57,"categories":173,"app":178},"98a2fac0-c2cd-43f7-a02f-db109a3d810a","A dropdown menu with a search bar and a list of options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5ae6914b-a1cb-42c0-81d7-4ad710d6beeb.png",462,672,[174],{"id":175,"title":176,"slug":177},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":66,"description":182,"canonical_path":4,"image":183,"width":184,"height":162,"image_alt":71,"kind":57,"categories":185,"app":187},"512f39d5-6bbe-4e67-91a4-9a2109eb44d9","A button with an icon and text","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb2ac5085-ddc0-43ae-bf7c-e181f897185b.png",306,[186],{"id":149,"title":150,"slug":151},{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":66,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":71,"kind":57,"categories":195,"app":200},"b4dcb3dc-3b4e-4f60-8ba1-68cf157de7f3","A tabbed navigation component with a selected state indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3cde5dae-8e2c-4553-9c73-cfa017d9df1d.png",760,253,[196],{"id":197,"title":198,"slug":199},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":201},[],[],[204,207,210,213,216,219],{"label":205,"to":206},"Plane product screens","\u002Fexamples\u002Fapps\u002Fplane\u002Fscreens",{"label":208,"to":209},"Plane marketing pages","\u002Fexamples\u002Fapps\u002Fplane\u002Fmarketing",{"label":211,"to":212},"Plane user flows","\u002Fexamples\u002Fapps\u002Fplane\u002Fflows",{"label":214,"to":215},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"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},"2023-11-19T14:44:44.000Z","2026-09-26T00:10:36.000Z"]