[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fclay\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":41,"showcases":196,"links":197,"dates":210},"\u002Fexamples\u002Fapps\u002Fclay\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Clay UI components examples - Nicelydone","Browse Clay UI component design examples. Preview individual interface elements and explore related component categories. Be more thoughtful with the people…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd3dee877-56f5-4b7f-9f7a-9368ec919f0a.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},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"label":23,"to":4},"Clay UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Clay UI component design examples. Preview individual interface elements and explore related component categories. Be more thoughtful with the people in your network",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Clay","clay","Be more thoughtful with the people in your network","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","https:\u002F\u002Fclay.earth","clayhq",[37],{"id":38,"title":39,"slug":40},53,"CRM","crm",[42,57,70,83,96,108,121,134,147,157,170,183],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"categories":50,"app":55},"466dc31d-41ef-4bad-97bb-9761fd8ac655","Clay UI component","The screenshot displays a table with data related to workspace usage, including names, owners, usage, and credits used.",2304,966,"UI component from Clay","component",[51],{"id":52,"title":53,"slug":54},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":56},[],{"uuid":58,"title":44,"description":59,"canonical_path":4,"image":60,"width":61,"height":62,"image_alt":48,"kind":49,"categories":63,"app":68},"f8aee857-a529-4a88-9b9b-6a2388e98856","The screenshot shows a free trial status with a progress bar and a button to change the plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F727ff565-cba4-4c78-8bfa-7258e560478c.png",2308,472,[64],{"id":65,"title":66,"slug":67},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":69},[],{"uuid":71,"title":44,"description":72,"canonical_path":4,"image":73,"width":74,"height":75,"image_alt":48,"kind":49,"categories":76,"app":81},"7ad31cae-5ed1-4e91-af92-0a53ea1471db","A dropdown menu showing different user roles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F387bdb35-ce23-40dc-beb2-181c6e0ac351.png",861,464,[77],{"id":78,"title":79,"slug":80},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":82},[],{"uuid":84,"title":44,"description":85,"canonical_path":4,"image":86,"width":87,"height":88,"image_alt":48,"kind":49,"categories":89,"app":94},"84ec95e1-9ff0-4eba-91fc-f873fe237cb6","A form field for entering email addresses to invite.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce89f342-02c5-48bb-bf85-95942504b70a.png",928,272,[90],{"id":91,"title":92,"slug":93},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":95},[],{"uuid":97,"title":44,"description":98,"canonical_path":4,"image":99,"width":87,"height":100,"image_alt":48,"kind":49,"categories":101,"app":106},"fed0bd62-33a2-49f5-8133-6c8f8ef825db","The screenshot shows a modal for inviting emails.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3fc3732c-d97b-47b2-96c8-68e0f2fda4c4.png",376,[102],{"id":103,"title":104,"slug":105},201,"Input text","input-text",{"slug":31,"title":30,"logo":33,"categories":107},[],{"uuid":109,"title":44,"description":110,"canonical_path":4,"image":111,"width":112,"height":113,"image_alt":48,"kind":49,"categories":114,"app":119},"27127cb8-8dfd-45e5-9bbc-3b93ae9d86ea","The screenshot displays a settings menu with options for workspace and account management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5f6e779a-3287-4934-843d-1aed1b3d3fa6.png",512,1770,[115],{"id":116,"title":117,"slug":118},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":120},[],{"uuid":122,"title":44,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":48,"kind":49,"categories":127,"app":132},"389a0a1f-434a-41a0-bc8a-95c94fe9eb42","The screenshot shows a modal with account information and a trial expiration notice.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fca2eff6b-d057-495e-a71a-6a54af4aa8a8.png",844,380,[128],{"id":129,"title":130,"slug":131},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":133},[],{"uuid":135,"title":44,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":48,"kind":49,"categories":140,"app":145},"47b759ac-c347-4eb5-898e-b87aa16619aa","A pricing plan modal with three options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F580e7373-c444-4bc6-9473-c45e0d761db1.png",1966,1536,[141],{"id":142,"title":143,"slug":144},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":44,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":48,"kind":49,"categories":153,"app":155},"c9d4f901-d142-461c-9e18-9dc31b29fc50","The screenshot displays a table of signals with details such as name, type, frequency, status, monthly credits, and recurring cost.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc775749d-4954-4338-af90-2da71dc17bc7.png",2703,676,[154],{"id":52,"title":53,"slug":54},{"slug":31,"title":30,"logo":33,"categories":156},[],{"uuid":158,"title":44,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":48,"kind":49,"categories":163,"app":168},"ee75a3bf-36b2-4d13-b207-34aa678e4de5","The screenshot displays a data flow diagram with three source nodes labeled 'Find people' and a destination node labeled 'Software developers and designers'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5b9b55bd-f105-4136-b050-48c007486558.png",2420,796,[164],{"id":165,"title":166,"slug":167},217,"Query builder","query-builder",{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":44,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":48,"kind":49,"categories":176,"app":181},"e1202318-b254-49ee-bbed-4617e0c566e1","The screenshot shows a configuration panel for an AI model, allowing users to define use cases, models, outputs, and examples.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F337e1750-f2b1-407c-9973-afda77271137.png",1038,1090,[177],{"id":178,"title":179,"slug":180},168,"Accordion","accordion",{"slug":31,"title":30,"logo":33,"categories":182},[],{"uuid":184,"title":44,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":48,"kind":49,"categories":189,"app":194},"0933911b-e59f-4961-9c95-bc8fd6e9862f","A modal interface for configuring AI prompts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbf4c6c4a-9d12-42d8-89d6-22aceab76796.png",1085,1510,[190],{"id":191,"title":192,"slug":193},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":195},[],[],[198,201,204,207],{"label":199,"to":200},"Clay product screens","\u002Fexamples\u002Fapps\u002Fclay\u002Fscreens",{"label":202,"to":203},"Clay marketing pages","\u002Fexamples\u002Fapps\u002Fclay\u002Fmarketing",{"label":205,"to":206},"Clay user flows","\u002Fexamples\u002Fapps\u002Fclay\u002Fflows",{"label":208,"to":209},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"published_at":211,"updated_at":212},"2022-10-16T11:52:28.000Z","2026-09-13T13:02:39.000Z"]