[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdurable\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":198,"links":199,"dates":218},"\u002Fexamples\u002Fapps\u002Fdurable\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Durable UI components examples - Nicelydone","Browse Durable UI component design examples. Preview individual interface elements and explore related component categories. AI that builds a business for you","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F366328b6-cfa6-4dfc-8361-372b58dcfcb9.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},"Durable design examples","\u002Fexamples\u002Fapps\u002Fdurable",{"label":23,"to":4},"Durable 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},"Durable","durable","AI that builds a business for you","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb551d9ca-2d64-4ca4-9738-73cb15d9e486.png","https:\u002F\u002Fdurable.co",[35,39,43],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},96,"No code","no-code",[48,63,76,88,100,113,126,139,152,162,172,185],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"9beb60ec-0b30-447e-956a-407ae75c0942","Durable UI component","A modal displaying account information and management options, including adding a business and logging out.",593,511,"UI component from Durable","component",[57],{"id":58,"title":59,"slug":60},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":74},"05f47725-5662-4716-b992-cf7eed2e2c8f","A modal window displaying a text input field with a descriptive prompt and action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65eb41c4-b9a3-4f41-a675-7d5b678d7215.png",1602,863,[70],{"id":71,"title":72,"slug":73},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":67,"height":80,"image_alt":54,"kind":55,"categories":81,"app":86},"7fc37b56-c94f-4f7b-aa94-34bad76b1316","A modal displaying an email verification success message and an input field for image description with a shape selection button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9e4c4059-33d1-497d-bd0f-920d8160d4e9.png",653,[82],{"id":83,"title":84,"slug":85},244,"Message","message",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":50,"description":90,"canonical_path":4,"image":91,"width":67,"height":92,"image_alt":54,"kind":55,"categories":93,"app":98},"bc478915-313a-4d6c-8591-688afe582ba3","A text input field with a placeholder text and an embedded button with an icon and label.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F26acaf30-7413-49b5-8341-806b9852e63f.png",534,[94],{"id":95,"title":96,"slug":97},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":50,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":54,"kind":55,"categories":106,"app":111},"02dc4090-ee2c-4051-a5e3-09bf54bf1005","An empty state for an invoicing feature, displaying a large icon, a title, a descriptive subtitle, and a call to action button to create a new invoice.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F61591a89-6ca0-431a-904c-a73c5f07b600.png",688,573,[107],{"id":108,"title":109,"slug":110},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":50,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":54,"kind":55,"categories":119,"app":124},"919e7a3d-267d-4097-8d25-ad431be2083a","A status message indicating a successful deletion.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3c5f8549-4074-424a-a2cb-e92a621710e6.png",982,381,[120],{"id":121,"title":122,"slug":123},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":50,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":54,"kind":55,"categories":132,"app":137},"23c94881-7e8e-4888-9b6c-1a38006c3ee1","A contextual action bar displaying selection count and available actions","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F27b237fb-051f-4e23-bc0f-bcc13dd33816.png",1262,399,[133],{"id":134,"title":135,"slug":136},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":50,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":54,"kind":55,"categories":145,"app":150},"20920b52-3268-4ae9-9add-b3740663f7a2","A card promoting an upgrade to unlock invoicing features with a call to action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb9865123-a0a6-4262-a235-2839e534094c.png",869,753,[146],{"id":147,"title":148,"slug":149},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":50,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":54,"kind":55,"categories":158,"app":160},"baa1ca26-cc7d-487f-b27f-5cf40e5a809c","A user interface for searching and managing domain names, displaying search results and suggestions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F681be9c0-bd43-4f3b-92b9-c0b2a3a4b8dd.png",1792,1260,[159],{"id":147,"title":148,"slug":149},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":50,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":54,"kind":55,"categories":168,"app":170},"ca099430-7443-42fa-9cd3-8ae1bc037de9","A contextual menu displaying actions for a published item, including edit, unpublish, view post, and delete options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4671ae18-2282-4fc9-ba56-5fd66ad04a3b.png",506,675,[169],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":50,"description":174,"canonical_path":4,"image":175,"width":176,"height":177,"image_alt":54,"kind":55,"categories":178,"app":183},"5bd34d20-75e3-4b71-bbf1-66dc2053bcf5","A modal window presenting a 'Content Strategist' feature, detailing its benefits and prompting the user to upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02883b03-f29f-4139-9d54-a105258ee90e.png",2046,1400,[179],{"id":180,"title":181,"slug":182},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":50,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":54,"kind":55,"categories":191,"app":196},"f141d9b8-f130-4ae1-a397-6ff827f850c9","A table displaying a single content item with its title, author, published date, and status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2677ffa6-6703-4dcd-8183-561e65683694.png",2509,310,[192],{"id":193,"title":194,"slug":195},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":197},[],[],[200,203,206,209,212,215],{"label":201,"to":202},"Durable product screens","\u002Fexamples\u002Fapps\u002Fdurable\u002Fscreens",{"label":204,"to":205},"Durable marketing pages","\u002Fexamples\u002Fapps\u002Fdurable\u002Fmarketing",{"label":207,"to":208},"Durable user flows","\u002Fexamples\u002Fapps\u002Fdurable\u002Fflows",{"label":210,"to":211},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":213,"to":214},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":216,"to":217},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":219,"updated_at":220},"2026-01-20T12:35:55.000Z","2026-09-13T13:02:39.000Z"]