[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwhimsical\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":215,"links":216,"dates":232},"\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Whimsical UI components examples - Nicelydone","Browse Whimsical UI component design examples. Preview individual interface elements and explore related component categories. The hub for visual collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9abb5ccd-48e0-45d3-8a03-61124b63bf5f.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},"Whimsical design examples","\u002Fexamples\u002Fapps\u002Fwhimsical",{"label":23,"to":4},"Whimsical 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":30,"categories":34},"Whimsical","whimsical","The hub for visual collaboration","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwhimsical-ejzz342s.png","https:\u002F\u002Fwhimsical.com",[35,39],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},23,"Collaboration","collaboration",[44,59,71,86,101,116,131,143,158,173,185,200],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"7bc946f5-61e8-4c46-9c6a-ea94f88cbb9d","Mega menu","A large dropdown menu displaying categorized navigation links and a featured call to action.",1302,1493,"Mega menu from Whimsical","component",[53],{"id":54,"title":55,"slug":56},290,"Flyout menu","flyout-menu",{"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":69},"af9ccedf-9a58-4f0b-9335-4e416d11e121","Navigation mega menu","A top navigation bar with an expanded mega menu dropdown for the 'Product' tab, displaying a grid of documentation tools and an AI feature highlight.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe991a181-e962-4e2c-87f1-6a150bf9fa0f.png",1447,1044,"Navigation mega menu from Whimsical",[68],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":70},[],{"uuid":72,"title":73,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":78,"kind":51,"categories":79,"app":84},"1c68dfc3-d020-4a4c-a189-0adcf2deabc6","Settings toggle row","A single row containing a text label and a toggle switch, used for configuring a specific workspace setting.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3eef70f1-2ea9-4459-a01f-888e5e20c3d5.png",1464,388,"Settings toggle row from Whimsical",[80],{"id":81,"title":82,"slug":83},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":93,"kind":51,"categories":94,"app":99},"6225eb7d-b2f5-4c42-a16a-4da0db291ac8","Paywalled section header","A section header with a title on the left and a badge indicating the feature is paywalled on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd482940-fb79-46c4-8131-ac8763449283.png",1373,310,"Paywalled section header from Whimsical",[95],{"id":96,"title":97,"slug":98},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":108,"kind":51,"categories":109,"app":114},"4ec9fece-9319-4919-b156-5800db86a805","Usage limit indicator","A card displaying the current usage of a free tier limit, showing 0 out of 3 boards used with a visual block indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa7269472-4ab7-497e-80c8-c55e04a96088.png",668,253,"Usage limit indicator from Whimsical",[110],{"id":111,"title":112,"slug":113},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":123,"kind":51,"categories":124,"app":129},"ebac1e69-7f76-46ae-9237-98d4d1a893c2","Onboarding Tooltip","A large, rich tooltip pointing to a toolbar icon, featuring an image, title, description, and a primary action button to dismiss it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F68f94ee4-fe18-44ea-be5a-7be1bbf3a831.png",974,908,"Onboarding Tooltip from Whimsical",[125],{"id":126,"title":127,"slug":128},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":133,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":138,"kind":51,"categories":139,"app":141},"40fdb5d2-d89b-46f7-94d2-404d6a066a2e","Upgrade prompt card","A card prompting the user to upgrade to a Pro plan to unlock custom templates and themes, featuring an illustration, descriptive text, and a primary call-to-action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbaa1c286-6050-4412-a705-78a1229653fb.png",1276,1222,"Upgrade prompt card from Whimsical",[140],{"id":96,"title":97,"slug":98},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":145,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":150,"kind":51,"categories":151,"app":156},"8726b099-249d-44cf-8295-65783cbcaeea","Tools menu","A vertical floating menu containing a list of tools and actions, each with an icon, label, and optional keyboard shortcut or nested menu indicator. A search bar is at the top.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d4e599d-b2cf-4aa8-886e-98a4d751f0f0.png",661,1650,"Tools menu from Whimsical",[152],{"id":153,"title":154,"slug":155},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":165,"kind":51,"categories":166,"app":171},"48ec7ac7-9227-4359-ac31-58a5b8398c15","Document title breadcrumb","A breadcrumb navigation showing the current document title 'Getting Started' within 'MY FILES', accompanied by a dropdown menu trigger and a star icon for favoriting.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56750432-f421-4507-8f57-9aa126670a59.png",685,174,"Document title breadcrumb from Whimsical",[167],{"id":168,"title":169,"slug":170},177,"Breadcrumb","breadcrumb",{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":180,"kind":51,"categories":181,"app":183},"62668a36-ec92-4544-a8b0-60fa0fbb8516","Floating tool palette","A vertical, floating toolbar containing various design and whiteboard tools represented by icons, including sticky notes, wireframes, and text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac3a318e-3e02-4e8f-9d42-d6588b53beb4.png",296,1353,"Floating tool palette from Whimsical",[182],{"id":153,"title":154,"slug":155},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":4,"image":189,"width":190,"height":191,"image_alt":192,"kind":51,"categories":193,"app":198},"c1c21210-40ab-4224-9665-3d6bdcd55ef9","Workspace Sidebar Navigation","A vertical sidebar navigation menu for a workspace, featuring a workspace switcher, a prominent 'Create new' button, collapsible file and team sections, an invite prompt, and utility links at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F746dddb3-cb14-4ce7-bde0-01c94b005dcc.png",610,1782,"Workspace Sidebar Navigation from Whimsical",[194],{"id":195,"title":196,"slug":197},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":205,"height":206,"image_alt":207,"kind":51,"categories":208,"app":213},"70f1d5f6-c158-4c8e-a7d0-54ec14756a30","FAQ Accordion","A frequently asked questions section using an accordion layout. The first question is expanded to show the answer, while the rest are collapsed.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F01efc7fc-875f-498b-a86e-d8a6ef40ee96.png",1859,1567,"FAQ Accordion from Whimsical",[209],{"id":210,"title":211,"slug":212},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":214},[],[],[217,220,223,226,229],{"label":218,"to":219},"Whimsical product screens","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fscreens",{"label":221,"to":222},"Whimsical marketing pages","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fmarketing",{"label":224,"to":225},"Whimsical user flows","\u002Fexamples\u002Fapps\u002Fwhimsical\u002Fflows",{"label":227,"to":228},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":230,"to":231},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":233,"updated_at":234},"2023-06-06T11:39:25.000Z","2026-09-26T12:10:10.000Z"]