[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffamily\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":220,"links":221,"dates":237},"\u002Fexamples\u002Fapps\u002Ffamily\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Family UI components examples - Nicelydone","Browse Family UI component design examples. Preview individual interface elements and explore related component categories. Your favorite crypto wallet.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e5aaf10-28fa-4433-b239-9ebd92dcd8ad.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},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":23,"to":4},"Family UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Family","family","Your favorite crypto wallet.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","https:\u002F\u002Ffamily.co\u002F",[35,39],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},95,"Blockchain","blockchain",[44,59,74,89,104,118,133,148,163,175,190,205],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"31d0c58d-aa75-4610-a40f-5614dad569d4","Success toast","Dark rounded pill toast with white checkmark icon and text confirming the authenticator app is now disabled.",777,391,"Success toast from Family","component",[53],{"id":54,"title":55,"slug":56},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":61,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":66,"kind":51,"categories":67,"app":72},"3d55a92c-424f-45db-97fd-8a33134ec3b6","Recovery Code Prompt Card","Dismissible light-blue card with title, short description and blue CTA button encouraging generation of a recovery code.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0ff2f7fe-2040-4dbf-aa47-682fe6bed4d8.png",1204,581,"Recovery Code Prompt Card from Family",[68],{"id":69,"title":70,"slug":71},244,"Message","message",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":79,"height":80,"image_alt":81,"kind":51,"categories":82,"app":87},"bb009829-c4f4-461b-acee-199b6f5f7eca","Security Preferences Card","Lists toggleable and actionable security preference rows for authenticator and recovery options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d5d41a6-ae6d-4396-83da-173706f430ad.png",1246,575,"Security Preferences Card from Family",[83],{"id":84,"title":85,"slug":86},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":96,"kind":51,"categories":97,"app":102},"24b2dfea-2078-4f13-bb95-bbf7b5ea4f06","Tokens Collectibles Tabs","Switches between token and collectible selection modes with integrated search","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F743d7759-fef2-43b1-883a-16a3f33952b2.png",1205,326,"Tokens Collectibles Tabs from Family",[98],{"id":99,"title":100,"slug":101},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":94,"height":109,"image_alt":110,"kind":51,"categories":111,"app":116},"cd733bab-4f2b-4c65-81ce-bfe3e0380021","Asset Type Tabs","Tabbed selector between tokens and collectibles with search and empty state illustration","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F32ae3036-47ce-404a-ae20-e213e2b9eb2d.png",790,"Asset Type Tabs from Family",[112],{"id":113,"title":114,"slug":115},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":125,"kind":51,"categories":126,"app":131},"933188b3-9313-4781-b7f5-afc195fd57bf","Account Settings Menu","Vertical navigation menu listing account and wallet management sections","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F993650e8-47a1-44f0-ad10-21265bfec7ec.png",576,1758,"Account Settings Menu from Family",[127],{"id":128,"title":129,"slug":130},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":140,"kind":51,"categories":141,"app":146},"d55e501c-3678-48b3-a891-d668ebb37fd2","Wallet Card","Displays a single connected crypto wallet summary with balance and opens a context menu for management actions","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F08ae0190-805a-4e6e-afe9-3137ef5d45bb.png",1714,877,"Wallet Card from Family",[142],{"id":143,"title":144,"slug":145},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":155,"kind":51,"categories":156,"app":161},"2c1476fb-ecf9-4694-b082-80995a2d3752","Avatar color selector","Lets users preview and change the background color of their emoji avatar during onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ce16f2f-bbb6-457e-8def-2e8d90566e2f.png",1020,630,"Avatar color selector from Family",[157],{"id":158,"title":159,"slug":160},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":170,"kind":51,"categories":171,"app":173},"b25a5c3d-b9f4-4013-91c9-77805468c097","Avatar options menu","Popover menu offering choices to set an account avatar via emoji, icon, or image upload","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F32892261-87f2-4a7b-9101-9a66590ba478.png",1114,836,"Avatar options menu from Family",[172],{"id":143,"title":144,"slug":145},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":182,"kind":51,"categories":183,"app":188},"51d75bf6-d795-4a3b-b011-ef81eb61b670","OTP input","Collects the 6-digit email verification code from the user","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4f08e3b3-1d09-4195-a770-e7c070cc7185.png",948,740,"OTP input from Family",[184],{"id":185,"title":186,"slug":187},288,"Input code","input-code",{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":197,"kind":51,"categories":198,"app":203},"3e4e5e01-772c-4160-9cb2-8788cfc5bf16","Testimonial Grid","Displays multiple user testimonials with avatars and quotes for social proof on a marketing landing page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fafe533f3-83af-4e9e-9bec-2dbd6cb3ccdd.png",3274,1440,"Testimonial Grid from Family",[199],{"id":200,"title":201,"slug":202},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":4,"image":209,"width":210,"height":211,"image_alt":212,"kind":51,"categories":213,"app":218},"1a324b61-1f4b-4ada-8c27-3b4d6b809edb","FAQ Accordion","Displays a list of frequently asked questions with expandable items on a landing page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F08e3c8c7-ead7-4819-8414-1a2b3f30bde2.png",2300,822,"FAQ Accordion from Family",[214],{"id":215,"title":216,"slug":217},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":219},[],[],[222,225,228,231,234],{"label":223,"to":224},"Family product screens","\u002Fexamples\u002Fapps\u002Ffamily\u002Fscreens",{"label":226,"to":227},"Family marketing pages","\u002Fexamples\u002Fapps\u002Ffamily\u002Fmarketing",{"label":229,"to":230},"Family user flows","\u002Fexamples\u002Fapps\u002Ffamily\u002Fflows",{"label":232,"to":233},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":235,"to":236},"Blockchain app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblockchain",{"published_at":238,"updated_at":239},"2026-05-24T18:01:10.000Z","2026-09-13T13:02:39.000Z"]