[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Freflag\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":196,"links":197,"dates":216},"\u002Fexamples\u002Fapps\u002Freflag\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Reflag UI components examples - Nicelydone","Browse Reflag UI component design examples. Preview individual interface elements and explore related component categories. Feature flags for SaaS that run…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbc89b885-ea73-4a73-906b-02afcf6b1ce0.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},"Reflag design examples","\u002Fexamples\u002Fapps\u002Freflag",{"label":23,"to":4},"Reflag UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Reflag UI component design examples. Preview individual interface elements and explore related component categories. Feature flags for SaaS that run on TypeScript",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Reflag","reflag","Feature flags for SaaS that run on TypeScript","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflag-2wn2m5zj.png","https:\u002F\u002Freflag.com\u002F","reflagcom",[37,41,45],{"id":38,"title":39,"slug":40},48,"Developer Tools","developer-tools",{"id":42,"title":43,"slug":44},35,"Feedback","feedback",{"id":46,"title":47,"slug":48},46,"Analytics","analytics",[50,65,78,88,98,111,124,137,150,159,171,183],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"366569ba-2b0a-4dbd-891a-6f5630f5333a","Reflag UI component","The screenshot displays a user interface for filtering data, specifically focusing on adding and configuring filters within a table or list view.",1057,796,"UI component from Reflag","component",[59],{"id":60,"title":61,"slug":62},225,"Sorting & filtering","sorting-filtering",{"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},"9f0dffe5-b448-4b4b-8031-531e9a78ce0d","The screenshot shows a confirmation message asking the user if they are sure they want to delete a club.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F00c3e67f-7f5f-4fb5-ae60-73e9dd672ad5.png",892,373,[72],{"id":73,"title":74,"slug":75},167,"Alert","alert",{"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":86},"047158d5-4251-4be8-8072-ea8028945774","The screenshot displays a filter interface with search and dropdown components.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2e369c6c-694c-47b0-977f-dcd076295c50.png",1877,487,[85],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":52,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":56,"kind":57,"categories":94,"app":96},"4d424897-e88c-46d7-9f1f-3e1cb8a9e170","The screenshot shows a feedback filter interface with a dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fca61c2eb-1d55-4365-b2f8-21894944fc2e.png",2110,760,[95],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":52,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":56,"kind":57,"categories":104,"app":109},"8e9874da-a040-4a93-9c51-d2818a7a5daa","The screenshot shows a user interface for setting adoption criteria, with options for event-based or attribute-based tracking.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ce7dc42-2bf5-4539-95f7-afa902ae5dce.png",1411,956,[105],{"id":106,"title":107,"slug":108},216,"Radio button","radio-button",{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":52,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":56,"kind":57,"categories":117,"app":122},"1c147c68-c20c-4225-8afe-112f319ffe59","A filter with two dropdowns to select a number of days and weeks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faa53a39d-b890-4447-832b-6a3bd9b76ab2.png",1307,320,[118],{"id":119,"title":120,"slug":121},257,"Input number","input-number",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":52,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":56,"kind":57,"categories":130,"app":135},"46193be3-e8e4-46c8-98ce-ba6294653dd2","The screenshot displays a user funnel visualization.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3bfc748a-d85c-4265-ad98-e36b4d38d068.png",2260,965,[131],{"id":132,"title":133,"slug":134},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":52,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":56,"kind":57,"categories":143,"app":148},"6f5d859c-d76f-4c47-baae-9cb0ff0104a3","The screenshot displays a rules configuration interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff20e9802-96f3-4f6c-9cd4-a0b9ec72dd99.png",1792,967,[144],{"id":145,"title":146,"slug":147},217,"Query builder","query-builder",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":52,"description":152,"canonical_path":4,"image":153,"width":141,"height":154,"image_alt":56,"kind":57,"categories":155,"app":157},"78896f70-dbd7-4fa3-978d-52fbbb68dd94","A user interface for managing rules and access control.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d60b43f-2621-4192-b774-1f45fec82e86.png",914,[156],{"id":145,"title":146,"slug":147},{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":52,"description":161,"canonical_path":4,"image":162,"width":128,"height":163,"image_alt":56,"kind":57,"categories":164,"app":169},"b23839a1-ee76-419b-817a-ca1110e26cde","A code snippet showing how to install access checking.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F994739f9-2b0e-4bdb-910a-67995ca6f6d8.png",1158,[165],{"id":166,"title":167,"slug":168},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":52,"description":173,"canonical_path":4,"image":174,"width":175,"height":70,"image_alt":56,"kind":57,"categories":176,"app":181},"01cce815-ca66-4e45-88be-24f41a2f1bb9","The image shows a stage indicator with different phases.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65933b1a-7cda-40e2-ae4e-85b7eed26773.png",1466,[177],{"id":178,"title":179,"slug":180},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":182},[],{"uuid":184,"title":52,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":56,"kind":57,"categories":189,"app":194},"c58c6e98-31cf-4db1-9121-496edd0cfa07","A modal for creating a new feature with fields for name and key.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16b31ed3-8ced-4e57-b484-bf174ace5aa4.png",1472,912,[190],{"id":191,"title":192,"slug":193},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":195},[],[],[198,201,204,207,210,213],{"label":199,"to":200},"Reflag product screens","\u002Fexamples\u002Fapps\u002Freflag\u002Fscreens",{"label":202,"to":203},"Reflag marketing pages","\u002Fexamples\u002Fapps\u002Freflag\u002Fmarketing",{"label":205,"to":206},"Reflag user flows","\u002Fexamples\u002Fapps\u002Freflag\u002Fflows",{"label":208,"to":209},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":211,"to":212},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":214,"to":215},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"published_at":217,"updated_at":218},"2025-09-07T19:03:28.000Z","2026-09-13T13:02:39.000Z"]