[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclaude\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":195,"links":196,"dates":212},"\u002Fexamples\u002Fapps\u002Fclaude\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Claude UI components examples - Nicelydone","Browse Claude UI component design examples. Preview individual interface elements and explore related component categories. Claude is a next generation AI…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F20276b52-d72c-4c1c-80a4-5f73a5b5e0bf.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},"Claude design examples","\u002Fexamples\u002Fapps\u002Fclaude",{"label":23,"to":4},"Claude UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Claude UI component design examples. Preview individual interface elements and explore related component categories. Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Claude","claude","Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclaudeai-uayp3ffk.png","https:\u002F\u002Fclaude.ai\u002F","AnthropicAI",[37,41],{"id":38,"title":39,"slug":40},80,"Artificial Intelligence","artificial-intelligence",{"id":42,"title":43,"slug":44},30,"Productivity","productivity",[46,61,74,87,100,113,126,136,149,159,169,182],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"339cf026-08e2-4158-8965-1ff4bc00caff","Claude UI component","A modal showing upload progress and content.",1261,948,"UI component from Claude","component",[55],{"id":56,"title":57,"slug":58},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":48,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":52,"kind":53,"categories":67,"app":72},"181c9f42-1b80-4b61-80e3-3e208ca4d106","A modal for adding project knowledge.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa08fa992-3b72-4ec9-bdd7-430560947105.png",1272,975,[68],{"id":69,"title":70,"slug":71},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":48,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":52,"kind":53,"categories":80,"app":85},"3cef41c7-d612-46b7-b9e7-cdb2a7e61f5e","A settings dropdown menu with appearance options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa8be5a75-9611-446a-9e44-68f479f55212.png",887,626,[81],{"id":82,"title":83,"slug":84},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":48,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":52,"kind":53,"categories":93,"app":98},"60b1b31f-d902-4dd8-85fb-1652f06a0f74","User profile dropdown menu","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9186cea3-eadf-4796-830e-e0feadcf3ad1.png",647,1044,[94],{"id":95,"title":96,"slug":97},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":48,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":52,"kind":53,"categories":106,"app":111},"1f919f9a-b50c-40ad-84b8-720e18089122","A modal with a file preview and a warning message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F26365230-e458-4de7-a89c-fea8403b9724.png",513,360,[107],{"id":108,"title":109,"slug":110},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":48,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":52,"kind":53,"categories":119,"app":124},"d14f6b2a-dd0b-4bb7-819a-73053f8c8e9f","A message length limit alert modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d089470-3867-4c13-986a-444d6ee762c9.png",1134,278,[120],{"id":121,"title":122,"slug":123},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":48,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":52,"kind":53,"categories":132,"app":134},"325d313c-d8bd-439d-b78a-0ae0e92a18f0","A message indicating the user is out of free messages with a call to action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e6ac065-9bbe-45a0-9284-1b26d3b2f937.png",1441,200,[133],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":48,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":52,"kind":53,"categories":142,"app":147},"4907ef67-ca99-4605-9563-1e42a62c5845","A chat interface with a message input and upload functionality.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4fe796a-be8d-4044-800b-18df89de6d63.png",1921,871,[143],{"id":144,"title":145,"slug":146},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":48,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":52,"kind":53,"categories":155,"app":157},"3c59a1de-0c71-404f-9304-cfb0771d1901","A chat interface with file upload functionality.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86cfcc8e-0890-4560-a159-d50a223ac075.png",1972,878,[156],{"id":144,"title":145,"slug":146},{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":48,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":52,"kind":53,"categories":165,"app":167},"92a4fa50-aba3-4121-a5da-48089c2443c8","A modal for chat style settings","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4a67b29e-0b97-4ae2-8b92-127ba25e94b2.png",907,245,[166],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":168},[],{"uuid":170,"title":48,"description":171,"canonical_path":4,"image":172,"width":173,"height":174,"image_alt":52,"kind":53,"categories":175,"app":180},"d15a107d-931b-4b9b-9208-d049c8d3bdfe","A modal with a title and a toggle button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2f6583b1-790a-46f0-b200-8d975c5d3cd5.png",1484,130,[176],{"id":177,"title":178,"slug":179},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":48,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":52,"kind":53,"categories":188,"app":193},"27bf37e8-53e5-4c66-942a-a83dc316c73e","A modal displaying code snippets.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff6b24a11-3dca-4806-9452-4c1de735c72a.png",1487,1661,[189],{"id":190,"title":191,"slug":192},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":194},[],[],[197,200,203,206,209],{"label":198,"to":199},"Claude product screens","\u002Fexamples\u002Fapps\u002Fclaude\u002Fscreens",{"label":201,"to":202},"Claude marketing pages","\u002Fexamples\u002Fapps\u002Fclaude\u002Fmarketing",{"label":204,"to":205},"Claude user flows","\u002Fexamples\u002Fapps\u002Fclaude\u002Fflows",{"label":207,"to":208},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":210,"to":211},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":213,"updated_at":214},"2024-07-07T17:10:44.000Z","2026-09-13T13:02:39.000Z"]