[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":196,"links":197,"dates":216},"\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Appwrite UI components examples - Nicelydone","Browse Appwrite UI component design examples. Preview individual interface elements and explore related component categories. Open-source backend platform…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff0f3bbf6-2571-482b-b55d-663fec56dcb0.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},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":23,"to":4},"Appwrite UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Appwrite UI component design examples. Preview individual interface elements and explore related component categories. Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Appwrite","appwrite","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","https:\u002F\u002Fappwrite.io\u002F",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",{"id":45,"title":46,"slug":47},45,"Open Source","open-source",[49,64,77,87,100,113,126,139,152,161,170,183],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"8f4092c1-1264-4e55-9f90-e713e6c45c6c","Appwrite UI component","A dropdown menu displaying update and delete options for an item.",590,384,"UI component from Appwrite","component",[58],{"id":59,"title":60,"slug":61},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":75},"13a43546-72bc-4bcf-bfb2-f82a458e08f1","A modal window displaying the status of a file upload.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8ca0280f-a560-4007-a025-9dbb055ef65b.png",941,335,[71],{"id":72,"title":73,"slug":74},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":55,"kind":56,"categories":83,"app":85},"3c75fc7c-bf93-4184-89aa-989d9109629c","A success notification message with a dismiss button","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbf67527a-25a7-4593-805e-c6e2d67f6433.png",823,253,[84],{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":51,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":55,"kind":56,"categories":93,"app":98},"789f3da4-4640-4eee-a730-2b39cd600d67","Two selectable cards presenting options for connecting a Git repository or deferring the connection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F392cd6a8-a915-4ecb-9767-d744097196cc.png",1854,452,[94],{"id":95,"title":96,"slug":97},216,"Radio button","radio-button",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":51,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":55,"kind":56,"categories":106,"app":111},"3849fff4-c6e9-4b3b-9b35-4c4bcb312658","A data management interface displaying an empty state for indexes, offering options to create new indexes manually or with AI assistance.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1cf2a760-8ef5-4a58-909b-2558eb3589cc.png",2491,1186,[107],{"id":108,"title":109,"slug":110},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":55,"kind":56,"categories":119,"app":124},"bc30210d-4569-4d0b-a905-b7a72a21bd76","A data management interface displaying tabular data with navigation tabs and controls for rows and columns.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F515d2d33-6688-458f-94da-f3775e8be405.png",2484,1498,[120],{"id":121,"title":122,"slug":123},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":55,"kind":56,"categories":132,"app":137},"30be49cd-4c1e-414d-8ea7-3d630a2386ce","A modal dialog for generating sample data, allowing users to select the number of rows using a slider.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F07486aeb-e560-469d-8380-ec475be6b933.png",1284,858,[133],{"id":134,"title":135,"slug":136},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":55,"kind":56,"categories":145,"app":150},"b702fcc3-89d1-452c-b315-9a4c378deef4","A user interface displaying password policy settings with toggle switches and an update button within a card component.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9cfad5bb-939e-4653-8a3a-9331611b78df.png",2554,1015,[146],{"id":147,"title":148,"slug":149},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":51,"description":154,"canonical_path":4,"image":155,"width":143,"height":156,"image_alt":55,"kind":56,"categories":157,"app":159},"28f42b9a-92ae-49d1-9bb5-cc44e39c98d5","An interface for adding a domain to a project, featuring a search input and call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbca447a4-7a8c-483a-b61d-b4ec81a372a0.png",1033,[158],{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":51,"description":163,"canonical_path":4,"image":164,"width":143,"height":165,"image_alt":55,"kind":56,"categories":166,"app":168},"2d53fa3c-9e72-443a-8ae4-8f43eebad860","A data table displaying user activity logs with pagination controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff2a1a26b-522c-4101-ad0f-3ebd78b7745c.png",1405,[167],{"id":121,"title":122,"slug":123},{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":51,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":55,"kind":56,"categories":176,"app":181},"1feaa2ca-8de5-44dd-91f7-222fbdf5c6c1","A user profile dropdown menu displaying account details, sign out option, and a theme selection toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5807d493-6db5-48d0-abf7-2418db6e64b8.png",545,505,[177],{"id":178,"title":179,"slug":180},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":182},[],{"uuid":184,"title":51,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":55,"kind":56,"categories":189,"app":194},"452aaea0-448c-42b0-9a22-4030806003fd","A command palette or quick search interface with categorized actions and keyboard shortcuts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2932cc1c-1ccb-43a4-a144-8fae1ca76605.png",1357,1052,[190],{"id":191,"title":192,"slug":193},306,"Command palette","cmd-palette",{"slug":31,"title":30,"logo":33,"categories":195},[],[],[198,201,204,207,210,213],{"label":199,"to":200},"Appwrite product screens","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens",{"label":202,"to":203},"Appwrite marketing pages","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing",{"label":205,"to":206},"Appwrite user flows","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",{"label":208,"to":209},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":211,"to":212},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":214,"to":215},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":217,"updated_at":218},"2026-05-23T18:28:00.000Z","2026-09-13T13:02:39.000Z"]