[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frefrakt\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":204,"links":205,"dates":221},"\u002Fexamples\u002Fapps\u002Frefrakt\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Refrakt UI components examples - Nicelydone","Browse Refrakt UI component design examples. Preview individual interface elements and explore related component categories. A more meaningful home for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffabed669-867c-4ea9-9c8c-2eb96cf65ef2.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},"Refrakt design examples","\u002Fexamples\u002Fapps\u002Frefrakt",{"label":23,"to":4},"Refrakt UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Refrakt UI component design examples. Preview individual interface elements and explore related component categories. A more meaningful home for photography",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Refrakt","refrakt","A more meaningful home for photography","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frefrakt-4bd9bf02.png","https:\u002F\u002Frefrakt.app",[36,40],{"id":37,"title":38,"slug":39},49,"Social Network","social-network",{"id":41,"title":42,"slug":43},31,"Photography","photography",[45,60,68,83,98,113,121,136,151,166,180,192],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"53e62253-a58d-43eb-b844-9e9a252cb5b7","Theme toggle","A row containing a 'Theme' label and three icon buttons for selecting system, dark, or light mode. The dark mode icon is currently selected.",559,192,"Theme toggle from Refrakt","component",[54],{"id":55,"title":56,"slug":57},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":49,"height":50,"image_alt":51,"kind":52,"categories":64,"app":66},"a0b09555-b6df-47d3-833d-c6f76210cc10","A row containing a 'Theme' label and three icon buttons to select system, dark, or light mode.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb1f083b3-888e-4164-99aa-b73a5e69cba1.png",[65],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":70,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":75,"kind":52,"categories":76,"app":81},"4e613255-cb6e-4b80-9ae3-b6d180fea171","Success toast","A simple toast notification indicating that mail preferences have been updated successfully.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F766bb738-b4aa-40b1-a578-df4fe940452a.png",576,228,"Success toast from Refrakt",[77],{"id":78,"title":79,"slug":80},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":90,"kind":52,"categories":91,"app":96},"8b34514f-8d5e-43af-a725-ee52d1f2ecd3","Notification digest setting","A settings section for configuring the delivery time of a weekly email digest, using a segmented control to select between Morning, Afternoon, Evening, or Off.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F31a13a3a-05c4-49fb-b571-4017a392108e.png",1188,521,"Notification digest setting from Refrakt",[92],{"id":93,"title":94,"slug":95},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":105,"kind":52,"categories":106,"app":111},"c9aab9b0-ce68-407f-b57f-6f2dd82f4a31","Settings toggle list","A section titled 'Content & Feeds' containing two settings cards. Each card features an icon, a title, a descriptive subtitle, and a toggle switch on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc29b326a-e0e8-4a0d-b97e-68654e5faf92.png",1280,722,"Settings toggle list from Refrakt",[107],{"id":108,"title":109,"slug":110},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":100,"description":115,"canonical_path":4,"image":116,"width":103,"height":104,"image_alt":105,"kind":52,"categories":117,"app":119},"d1e21474-2f2c-47ff-b4f1-1dcc8f9eef5a","A section titled 'Content & Feeds' containing two settings options, each presented as a card with an icon, title, description, and a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4e651e9c-691a-4952-81f9-f6cc340a6166.png",[118],{"id":108,"title":109,"slug":110},{"slug":31,"title":30,"logo":33,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":128,"kind":52,"categories":129,"app":134},"c696e4f5-b75a-425b-9c42-f1b016dcf445","Settings navigation menu","A vertical navigation menu for a settings page. The 'Profile' item is currently selected, indicated by a light gray background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1b671bd-fa82-48ba-bc6a-0bdb933c12b2.png",480,628,"Settings navigation menu from Refrakt",[130],{"id":131,"title":132,"slug":133},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":143,"kind":52,"categories":144,"app":149},"ee4ae6f3-7dd5-430d-a937-78626d642ee6","Photo Card","A card displaying a photograph with a title and date below it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe66dd254-f1b5-476a-a9b0-eeb0cdf1e03a.png",726,863,"Photo Card from Refrakt",[145],{"id":146,"title":147,"slug":148},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":158,"kind":52,"categories":159,"app":164},"2d83046c-e987-4a08-aeb6-ec78333e2912","Visibility radio group","A radio group for selecting post visibility, with options for Everyone, Followers only, and Private. The 'Everyone' option is currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9bd8e412-cc24-4be0-bcce-31e2671d42d5.png",1216,641,"Visibility radio group from Refrakt",[160],{"id":161,"title":162,"slug":163},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":4,"image":170,"width":156,"height":171,"image_alt":172,"kind":52,"categories":173,"app":178},"88827784-75ca-46c6-8bc2-e791421c058b","Border width slider","A horizontal slider control for adjusting border width, featuring a label on the left, a numeric value on the right, and a track with a circular handle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fde8056c6-fe90-4b48-80ae-73c6c6bc50bc.png",333,"Border width slider from Refrakt",[174],{"id":175,"title":176,"slug":177},223,"Slider","slider",{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":187,"kind":52,"categories":188,"app":190},"762af194-f323-493d-bb89-c0016710d44d","Warning alert","A warning alert displaying a message about low image resolution and recommending a higher resolution for best display.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F185d3710-0bbb-40fc-9797-18a2de19abb3.png",1321,443,"Warning alert from Refrakt",[189],{"id":78,"title":79,"slug":80},{"slug":31,"title":30,"logo":33,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":197,"height":198,"image_alt":199,"kind":52,"categories":200,"app":202},"6acad586-e1a2-4e70-bf38-63c3947fd64e","Warning Alert","A warning alert notifying the user about low image resolution, with a recommendation for optimal display.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8194b59-f257-438a-a17b-5449dd072c80.png",1081,212,"Warning Alert from Refrakt",[201],{"id":78,"title":79,"slug":80},{"slug":31,"title":30,"logo":33,"categories":203},[],[],[206,209,212,215,218],{"label":207,"to":208},"Refrakt product screens","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fscreens",{"label":210,"to":211},"Refrakt marketing pages","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fmarketing",{"label":213,"to":214},"Refrakt user flows","\u002Fexamples\u002Fapps\u002Frefrakt\u002Fflows",{"label":216,"to":217},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":219,"to":220},"Photography app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fphotography",{"published_at":222,"updated_at":223},"2024-01-05T14:48:15.000Z","2026-09-18T12:15:23.000Z"]