[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftwin\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":193,"links":194,"dates":210},"\u002Fexamples\u002Fapps\u002Ftwin\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Twin UI components examples - Nicelydone","Browse Twin UI component design examples. Preview individual interface elements and explore related component categories. The AI company builder","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06f2ccf2-515e-42b3-9456-8ea9df7386a8.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},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":23,"to":4},"Twin 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},"Twin","twin","The AI company builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","https:\u002F\u002Ftwin.so",[35,39],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},105,"Workflow Automation","workflow-automation",[44,59,72,85,98,111,121,131,144,157,170,183],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"078ed342-b513-44a6-964c-827f74eccf94","Twin UI component","A user interface displaying the step-by-step progress of an automated task involving API integrations and data processing.",1245,1523,"UI component from Twin","component",[53],{"id":54,"title":55,"slug":56},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":70},"04d6d775-abdf-4013-8d31-3141b64a40a7","A modal window displaying subscription plans and credit top-up options with pricing details and features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F25c56f6d-6182-4c6f-8463-6054c6ac325d.png",1927,1247,[66],{"id":67,"title":68,"slug":69},303,"Pricing section","pricing-section",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":46,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":50,"kind":51,"categories":78,"app":83},"a854fc61-183c-4acd-a4f0-9e2e7aafcec4","A modal displaying credit usage, daily consumption, and a list of agents with their runs and credits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe68d6bda-53b5-40af-9477-660a9162bac1.png",1521,1216,[79],{"id":80,"title":81,"slug":82},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":46,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":50,"kind":51,"categories":91,"app":96},"8251510b-e187-4037-b0c6-14d3825064ff","A modal window presenting a referral program to invite friends and earn credits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ebcfc65-1035-4d9c-937f-0bcef06b65c5.png",1008,1090,[92],{"id":93,"title":94,"slug":95},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":46,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":50,"kind":51,"categories":104,"app":109},"016c92d5-c521-47b9-9d8b-92c6e61f893d","A user account settings menu with options for credits, billing, support, notifications, and other account-related features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcbd8de21-fcb3-4522-bba4-821c32fedd88.png",575,933,[105],{"id":106,"title":107,"slug":108},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":46,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":50,"kind":51,"categories":117,"app":119},"7b5d8175-e6e1-4470-8bb2-1382b27f58bf","A conversational interface displaying authentication status updates and a schedule suggestion with action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F44f7bb25-0a4b-4f67-9986-275392ad3287.png",1378,958,[118],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":46,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":50,"kind":51,"categories":127,"app":129},"bad30dd8-6fa9-49d9-af01-3f33dcda68c4","A user interface displaying a list of agents with a context menu for managing an agent.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F10b1a9a1-6f60-49e3-8559-73b460eb2f9d.png",978,582,[128],{"id":106,"title":107,"slug":108},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":46,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":50,"kind":51,"categories":137,"app":142},"885300c1-7853-4679-93df-4fce6ed52863","A settings interface for email notifications, featuring a toggle switch for agent reminders.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F599a7d29-bb9d-48ac-af83-c079f700d3bf.png",2384,543,[138],{"id":139,"title":140,"slug":141},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":46,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":50,"kind":51,"categories":150,"app":155},"3703350d-1eb4-4d1a-a29b-816cc0a1dac8","A clean, minimalist sidebar navigation for an application, featuring options for agent and project management, user profile, and a brand logo.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F05f6d3b1-8308-476e-a53b-59bab1a96633.png",710,1907,[151],{"id":152,"title":153,"slug":154},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":46,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":50,"kind":51,"categories":163,"app":168},"0a80a4e1-ff3c-4e38-a6bb-6fd4019f7cc3","An application header displaying an integration name and a tabbed navigation menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70a3d511-afed-4f7d-a402-51aaeb913732.png",1238,223,[164],{"id":165,"title":166,"slug":167},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":46,"description":172,"canonical_path":4,"image":173,"width":174,"height":175,"image_alt":50,"kind":51,"categories":176,"app":181},"cb4eeab3-ba7b-4f70-bbbd-4a4ee2234336","A conversational user interface displaying a chat interaction with an AI assistant for task automation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d83d3bf-66b0-44ad-b9c4-f5a33a31edce.png",1780,834,[177],{"id":178,"title":179,"slug":180},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":46,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":50,"kind":51,"categories":189,"app":191},"c21c0937-0594-4c0b-94dd-b6732f33d4f9","A card displaying a schedule setting with frequency, time, and timezone, along with action buttons and a toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6c99ca95-536c-402f-8d63-71c6d1470c8a.png",1406,556,[190],{"id":139,"title":140,"slug":141},{"slug":30,"title":29,"logo":32,"categories":192},[],[],[195,198,201,204,207],{"label":196,"to":197},"Twin product screens","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens",{"label":199,"to":200},"Twin marketing pages","\u002Fexamples\u002Fapps\u002Ftwin\u002Fmarketing",{"label":202,"to":203},"Twin user flows","\u002Fexamples\u002Fapps\u002Ftwin\u002Fflows",{"label":205,"to":206},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":208,"to":209},"Workflow Automation app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fworkflow-automation",{"published_at":211,"updated_at":212},"2026-02-08T13:26:54.000Z","2026-09-13T13:02:39.000Z"]