[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffibery\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":201,"links":202,"dates":221},"\u002Fexamples\u002Fapps\u002Ffibery\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Fibery UI components examples - Nicelydone","Browse Fibery UI component design examples. Preview individual interface elements and explore related component categories. Build your own work & knowledge hub","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81bed247-a3f9-4ceb-aa3a-91df68a08852.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},"Fibery design examples","\u002Fexamples\u002Fapps\u002Ffibery",{"label":23,"to":4},"Fibery 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,"twitter_username":34,"categories":35},"Fibery","fibery","Build your own work & knowledge hub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffibery-eb0f19ed.png","https:\u002F\u002Ffibery.io\u002F","https:\u002F\u002Ftwitter.com\u002Ffibery_io",[36,40,44],{"id":37,"title":38,"slug":39},22,"Knowledge Management","knowledge-management",{"id":41,"title":42,"slug":43},86,"Product management","product-management",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,64,74,87,100,113,126,139,152,162,175,188],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"3ddb8e51-fb67-42f8-a57e-eee5ba5c5cf6","Fibery UI component","A promotional banner for a free trial.",1511,393,"UI component from Fibery","component",[58],{"id":59,"title":60,"slug":61},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"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":72},"b2b232f7-4fbb-4240-9888-6a2dafc31820","A modal with a message about database limits and API key instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F46c982fe-ba98-4a37-8b5f-8b27d6664da6.png",1696,434,[71],{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":55,"kind":56,"categories":80,"app":85},"8c79fae3-7609-40de-b23f-61cf7f67255c","File upload modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee939696-743d-49f3-a164-6ace8b27971a.png",2536,1495,[81],{"id":82,"title":83,"slug":84},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"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},"11876486-e543-4a75-b090-189d24c63781","A modal displaying different login options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F83e4d84e-a2b1-4798-a3e1-f50d4bcc2f1c.png",1697,847,[94],{"id":95,"title":96,"slug":97},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"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},"2e2f7f4c-51a2-43e6-9ab3-3e268913fde1","A single card with a number inside","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb840512c-fb11-4ea9-8c0d-ea9034af463d.png",380,195,[107],{"id":108,"title":109,"slug":110},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"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},"45bb3587-d4ee-4547-8d1e-c4d8515e628d","A list of opportunities and features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F40f53df2-e8fc-4137-a52f-64f319a43cf1.png",2732,807,[120],{"id":121,"title":122,"slug":123},286,"Vertical list","vertical-list",{"slug":30,"title":29,"logo":32,"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},"414c49e2-b94b-4050-af42-d9abaf23d2dc","A card displaying interview information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb81016d7-89bf-4a52-8a00-725152fb9a8c.png",578,448,[133],{"id":134,"title":135,"slug":136},174,"Card","card",{"slug":30,"title":29,"logo":32,"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},"890b8755-8fcf-4167-bfd0-4ebcedcf5f05","This is a table interface with a list of interviews.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb11624ed-65b9-45cf-a4b1-98b2cbce4cc8.png",2771,1138,[146],{"id":147,"title":148,"slug":149},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":51,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":55,"kind":56,"categories":158,"app":160},"34716efb-5ea4-403e-b5c1-d46c9c2aceb6","A user interview card.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F24d6adfe-fa89-4e60-b00e-04bf8789162c.png",2670,654,[159],{"id":134,"title":135,"slug":136},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":51,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":55,"kind":56,"categories":168,"app":173},"521b0cd9-bbd8-4611-b252-9c7d3b5f5749","A tabbed navigation with a counter and a help icon","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1f2e630d-764c-4c20-8718-43a069833d8f.png",723,194,[169],{"id":170,"title":171,"slug":172},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":51,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":55,"kind":56,"categories":181,"app":186},"6bf395a9-3715-4132-b7b6-a9e5398f5f5a","A modal for customizing form fields and style.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb141e1f2-3309-44b3-8c19-478a07f3668f.png",573,1616,[182],{"id":183,"title":184,"slug":185},250,"Settings panel","settings-panel",{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":51,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":55,"kind":56,"categories":194,"app":199},"4338fcbc-e8f2-48bc-ad94-4cc323e5952f","A contact form modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa8f47716-9fea-4983-82c3-0cf8480c97ba.png",1661,1620,[195],{"id":196,"title":197,"slug":198},243,"Form element","form-element",{"slug":30,"title":29,"logo":32,"categories":200},[],[],[203,206,209,212,215,218],{"label":204,"to":205},"Fibery product screens","\u002Fexamples\u002Fapps\u002Ffibery\u002Fscreens",{"label":207,"to":208},"Fibery marketing pages","\u002Fexamples\u002Fapps\u002Ffibery\u002Fmarketing",{"label":210,"to":211},"Fibery user flows","\u002Fexamples\u002Fapps\u002Ffibery\u002Fflows",{"label":213,"to":214},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":216,"to":217},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":219,"to":220},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":222,"updated_at":223},"2023-11-29T11:55:48.000Z","2026-09-13T13:02:39.000Z"]