[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Freflect\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":199,"links":200,"dates":219},"\u002Fexamples\u002Fapps\u002Freflect\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Reflect UI components examples - Nicelydone","Browse Reflect UI component design examples. Preview individual interface elements and explore related component categories. Keep track of your notes,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa2193bab-e563-4b48-a91f-eb51cfb9f0f5.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},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":23,"to":4},"Reflect UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Reflect UI component design examples. Preview individual interface elements and explore related component categories. Keep track of your notes, books, and meetings.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Reflect","reflect","Keep track of your notes, books, and meetings.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","https:\u002F\u002Freflect.app","reflectnotes",[37,41,45],{"id":38,"title":39,"slug":40},30,"Productivity","productivity",{"id":42,"title":43,"slug":44},22,"Knowledge Management","knowledge-management",{"id":46,"title":47,"slug":48},59,"Writing tools","writing-tools",[50,65,78,91,104,117,130,143,153,166,176,189],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"f7500e9e-0f07-437a-b260-120edaf8ab26","Reflect UI component","A user profile menu with options for preferences, billing, and sign out.",924,588,"UI component from Reflect","component",[59],{"id":60,"title":61,"slug":62},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":52,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":56,"kind":57,"categories":71,"app":76},"7085fcd9-6f4f-4afc-b67b-d32918db4a63","A color palette selection modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86bf7b4c-76d4-4df5-bcc8-872b3380f849.png",1221,534,[72],{"id":73,"title":74,"slug":75},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":52,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":56,"kind":57,"categories":84,"app":89},"7db2238c-b639-40d7-b33d-dcb61adec01c","A modal showcasing a subscription plan with included features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F64b8f3de-a876-4019-af43-10581babb9db.png",887,1362,[85],{"id":86,"title":87,"slug":88},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":52,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":56,"kind":57,"categories":97,"app":102},"53ffa573-0875-485a-8486-b1dd72fac595","The screenshot displays a modal for calendar selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5b346ac3-7f0a-49c8-a9cd-850c670010b8.png",1382,608,[98],{"id":99,"title":100,"slug":101},195,"Input multi-select","input-multi-select",{"slug":31,"title":30,"logo":33,"categories":103},[],{"uuid":105,"title":52,"description":106,"canonical_path":4,"image":107,"width":108,"height":109,"image_alt":56,"kind":57,"categories":110,"app":115},"48033ad9-43d5-43bb-ab5b-bd4040a61bb1","A theme selection interface with light, dark, and system default options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F55c63f48-02c5-49fb-b13e-2434c721c35e.png",2456,576,[111],{"id":112,"title":113,"slug":114},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":52,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":56,"kind":57,"categories":123,"app":128},"82cbc476-8578-4d9a-a8a1-28754f388a04","A dropdown menu to select the start day of the week.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3c1d6635-db84-47e0-a7ba-0d5dde43fcac.png",1535,339,[124],{"id":125,"title":126,"slug":127},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":129},[],{"uuid":131,"title":52,"description":132,"canonical_path":4,"image":133,"width":134,"height":135,"image_alt":56,"kind":57,"categories":136,"app":141},"5ec4f3c9-2331-43d1-836d-3322398fbbe6","A toggle switch for spell checker settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5488579c-c671-4ea8-86d5-caf7c0465beb.png",988,196,[137],{"id":138,"title":139,"slug":140},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":142},[],{"uuid":144,"title":52,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":56,"kind":57,"categories":149,"app":151},"d4f9f830-2f0f-461f-962b-dd8d9b7a5e4f","A modal with a list of options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F498aee45-6f0f-41bd-877e-24883277dae4.png",701,903,[150],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":152},[],{"uuid":154,"title":52,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":56,"kind":57,"categories":159,"app":164},"82bfefef-8bb8-483d-bbea-85e9db2e777e","The screenshot shows a search bar, a shortcut and a recording interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5008ff27-331f-4df7-a513-258befa90270.png",1969,234,[160],{"id":161,"title":162,"slug":163},170,"Audio player","audio-player",{"slug":31,"title":30,"logo":33,"categories":165},[],{"uuid":167,"title":52,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":56,"kind":57,"categories":172,"app":174},"716ca949-bcec-4423-9ed8-31c73eeb1993","The screenshot displays a modal for filtering notes by subject, featuring a search input and a list of notes with dates and titles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9cf43606-36fa-439a-a8b5-b5279faa23b0.png",900,938,[173],{"id":125,"title":126,"slug":127},{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":52,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":56,"kind":57,"categories":182,"app":187},"87499a50-6b89-4aa8-bb2f-2611ac8c7e5a","Screenshot of a search interface with various filter options and search results.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe2c02d27-4874-4886-9661-9f961a86077c.png",3428,606,[183],{"id":184,"title":185,"slug":186},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":52,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":56,"kind":57,"categories":195,"app":197},"5fb838e0-e634-480d-869e-d97e6e3165d7","The screenshot shows a date picker modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F95c73680-5249-4204-8f63-d3771bf80b2c.png",1856,1512,[196],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":198},[],[],[201,204,207,210,213,216],{"label":202,"to":203},"Reflect product screens","\u002Fexamples\u002Fapps\u002Freflect\u002Fscreens",{"label":205,"to":206},"Reflect marketing pages","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing",{"label":208,"to":209},"Reflect user flows","\u002Fexamples\u002Fapps\u002Freflect\u002Fflows",{"label":211,"to":212},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":214,"to":215},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":217,"to":218},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"published_at":220,"updated_at":221},"2022-04-24T19:18:44.000Z","2026-09-13T13:02:39.000Z"]