[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fbot-builder":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":539,"links":540,"dates":602},"\u002Fexamples\u002Ftags\u002Fbot-builder","collection","screens",true,{"example_count":9,"app_count":10},185,28,{"id":12,"title":13,"description":14},152966,"Bot builder","",{"title":16,"description":17,"og_image":18},"Bot builder screen examples - Nicelydone","Bot builder screen design examples from SaaS apps. Browse examples from Voiceflow, Bird, Super.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F22b953fb-b6c3-4626-9a50-b3df7bb0662d.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Bot builder screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"185 screens",[34,104,180,215,249,283,324,351,385,422,459,496],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":69,"app":86},"22b953fb-b6c3-4626-9a50-b3df7bb0662d","My first AI agent","Settings page where the user configures the global prompt, instructions, and connected tools for their AI agent.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens",3024,1758,"My first AI agent from Voiceflow","2026-07-07T07:44:33.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},26,"AI Agent","ai-agent",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},33,"AI Settings","ai-settings",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},97,"Integrations","integrations",2,{"id":66,"label":67,"slug":68},10,"Settings & Admin","settings-and-admin",[70,74,78,82],{"id":71,"title":72,"slug":73},277,"Button group","button-group",{"id":75,"title":76,"slug":77},260,"Badge","badge",{"id":79,"title":80,"slug":81},174,"Card","card",{"id":83,"title":84,"slug":85},175,"Button","button",{"slug":87,"title":88,"logo":89,"baseline":90,"categories":91},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[92,96,100],{"id":93,"title":94,"slug":95},80,"Artificial Intelligence","artificial-intelligence",{"id":97,"title":98,"slug":99},47,"Customer Service","customer-service",{"id":101,"title":102,"slug":103},96,"No code","no-code",{"uuid":105,"title":106,"description":107,"canonical_path":108,"image":109,"width":39,"height":110,"image_alt":111,"published_at":112,"kind":43,"patterns":113,"component_categories":147,"app":154},"74c809fc-d89b-43fe-9939-3191d1bc4c51","Flows | Bird","Template gallery where the user browses, searches, and filters pre-built automation flows like WhatsApp FAQ bots and CRM updates to start a new workflow.","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74c809fc-d89b-43fe-9939-3191d1bc4c51.png",4950,"Flows | Bird from Bird","2026-03-30T13:53:59.000Z",[114,122,127,135,142],{"id":115,"label":116,"slug":117,"rank":49,"group":118},86,"Templates","templates",{"id":119,"label":120,"slug":121},8,"Pages & Content","pages-and-content",{"id":123,"label":124,"slug":125,"rank":58,"group":126},79,"Browse","browse",{"id":119,"label":120,"slug":121},{"id":128,"label":129,"slug":130,"rank":64,"group":131},129,"Workflow Builder","workflow-builder",{"id":132,"label":133,"slug":134},13,"Workflow & Automation","workflow-and-automation",{"id":136,"label":137,"slug":138,"rank":51,"group":139},22,"Search","search",{"id":64,"label":140,"slug":141},"Actions","actions",{"id":132,"label":143,"slug":144,"rank":145,"group":146},"Filter & Sort","filter-and-sort",4,{"id":64,"label":140,"slug":141},[148,152,153],{"id":149,"title":150,"slug":151},233,"Tabs","tabs",{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":155,"title":156,"logo":157,"baseline":158,"categories":159},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[160,164,168,172,176],{"id":161,"title":162,"slug":163},25,"Marketing","marketing",{"id":165,"title":166,"slug":167},37,"Developer APIs","developer-apis",{"id":169,"title":170,"slug":171},53,"CRM","crm",{"id":173,"title":174,"slug":175},68,"SMS","sms",{"id":177,"title":178,"slug":179},92,"Email","email",{"uuid":181,"title":182,"description":183,"canonical_path":184,"image":185,"width":39,"height":186,"image_alt":187,"published_at":188,"kind":43,"patterns":189,"component_categories":200,"app":202},"bd51f7ce-92f7-40e1-a8b2-052a2c08a02b","Super","Create page where the user configures a custom AI assistant action by defining its context, welcome message, kickstart buttons, and execution steps.","\u002Fexamples\u002Fapps\u002Fsuper-work\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd51f7ce-92f7-40e1-a8b2-052a2c08a02b.png",1780,"Super from Super","2026-03-09T11:21:54.000Z",[190,195],{"id":191,"label":192,"slug":193,"rank":49,"group":194},27,"AI Assistant","ai-assistant",{"id":51,"label":52,"slug":53},{"id":196,"label":197,"slug":198,"rank":58,"group":199},102,"Settings","settings",{"id":66,"label":67,"slug":68},[201],{"id":83,"title":84,"slug":85},{"slug":203,"title":182,"logo":204,"baseline":205,"categories":206},"super-work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F18c1a329-f193-4400-81ba-b36a605c9c39.png","AI search and agents, across all your company tools",[207,210,214],{"id":136,"title":208,"slug":209},"Knowledge Management","knowledge-management",{"id":211,"title":212,"slug":213},55,"Search engine","search-engine",{"id":93,"title":94,"slug":95},{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":39,"height":186,"image_alt":221,"published_at":222,"kind":43,"patterns":223,"component_categories":232,"app":238},"7059777c-7fa1-4606-a52f-246515f367fe","Twin - Automate anything","AI chat interface where the user configures a new agent by answering questions about daily digests and team responsibilities.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7059777c-7fa1-4606-a52f-246515f367fe.png","Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z",[224,228,230],{"id":10,"label":225,"slug":226,"rank":49,"group":227},"AI Chat","ai-chat",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":229},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":64,"group":231},{"id":51,"label":52,"slug":53},[233,237],{"id":234,"title":235,"slug":236},169,"Avatar","avatar",{"id":83,"title":84,"slug":85},{"slug":239,"title":240,"logo":241,"baseline":242,"categories":243},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[244,245],{"id":93,"title":94,"slug":95},{"id":246,"title":247,"slug":248},105,"Workflow Automation","workflow-automation",{"uuid":250,"title":251,"description":252,"canonical_path":253,"image":254,"width":39,"height":186,"image_alt":255,"published_at":256,"kind":43,"patterns":257,"component_categories":262,"app":274},"4d6f2274-94bc-4499-9d10-d00304024328","Playground - Chatbase","AI chat playground where the user configures the model and system instructions while testing conversations with their agent.","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d6f2274-94bc-4499-9d10-d00304024328.png","Playground - Chatbase from Chatbase","2026-02-09T10:10:31.000Z",[258,260],{"id":10,"label":225,"slug":226,"rank":49,"group":259},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":261},{"id":51,"label":52,"slug":53},[263,267,271,272,273],{"id":264,"title":265,"slug":266},240,"Horizontal navigation","horizontal-navigation",{"id":268,"title":269,"slug":270},177,"Breadcrumb","breadcrumb",{"id":75,"title":76,"slug":77},{"id":234,"title":235,"slug":236},{"id":83,"title":84,"slug":85},{"slug":275,"title":276,"logo":277,"baseline":278,"categories":279},"chatbase","Chatbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f20904a-e719-4d66-8569-3859ea3fbf78.png","AI agents for magical customer experiences",[280,281,282],{"id":97,"title":98,"slug":99},{"id":93,"title":94,"slug":95},{"id":101,"title":102,"slug":103},{"uuid":284,"title":285,"description":286,"canonical_path":287,"image":288,"width":39,"height":186,"image_alt":289,"published_at":290,"kind":43,"patterns":291,"component_categories":308,"app":311},"8536efce-5776-4c4d-9132-d9387d15227c","Gumloop | Agent","AI chat interface where the user can start a conversation with the Nicelydone Agent, with an open menu to upload files or choose from existing resources.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8536efce-5776-4c4d-9132-d9387d15227c.png","Gumloop | Agent from Gumloop","2025-12-15T13:33:51.000Z",[292,294,302,306],{"id":10,"label":225,"slug":226,"rank":49,"group":293},{"id":51,"label":52,"slug":53},{"id":295,"label":296,"slug":297,"rank":58,"group":298},115,"Empty State","empty-state",{"id":299,"label":300,"slug":301},12,"States & Feedback","states-and-feedback",{"id":161,"label":303,"slug":304,"rank":64,"group":305},"Upload & Download","upload-and-download",{"id":64,"label":140,"slug":141},{"id":191,"label":192,"slug":193,"rank":51,"group":307},{"id":51,"label":52,"slug":53},[309,310],{"id":234,"title":235,"slug":236},{"id":83,"title":84,"slug":85},{"slug":312,"title":313,"logo":314,"baseline":315,"categories":316},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[317,321,322,323],{"id":318,"title":319,"slug":320},30,"Productivity","productivity",{"id":93,"title":94,"slug":95},{"id":101,"title":102,"slug":103},{"id":246,"title":247,"slug":248},{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":39,"height":186,"image_alt":330,"published_at":331,"kind":43,"patterns":332,"component_categories":340,"app":344},"62e84e04-779b-4c25-ab39-cb9dc1bf6109","Cobot","Creation panel where the user configures a new AI agent by setting its name, description, model, and MCP server URL, displayed alongside a library of existing bots and workflows.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62e84e04-779b-4c25-ab39-cb9dc1bf6109.png","Cobot from Cobot","2025-09-15T14:01:17.000Z",[333,335],{"id":46,"label":47,"slug":48,"rank":49,"group":334},{"id":51,"label":52,"slug":53},{"id":336,"label":337,"slug":338,"rank":58,"group":339},11,"Edit","edit",{"id":64,"label":140,"slug":141},[341,342,343],{"id":234,"title":235,"slug":236},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":345,"title":326,"logo":346,"baseline":347,"categories":348},"cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[349,350],{"id":93,"title":94,"slug":95},{"id":318,"title":319,"slug":320},{"uuid":352,"title":353,"description":354,"canonical_path":355,"image":356,"width":39,"height":186,"image_alt":357,"published_at":358,"kind":43,"patterns":359,"component_categories":366,"app":372},"481324d1-1958-45ad-9776-10b198814f05","Overdue Task Dependency Notifier | Zapier Agents","Settings page where the user configures instructions and tools for an overdue task dependency notifier agent, and is prompted to finish setting up Slack and Asana integrations before testing.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F481324d1-1958-45ad-9776-10b198814f05.png","Overdue Task Dependency Notifier | Zapier Agents from Zapier","2025-07-28T14:04:12.000Z",[360,362,364],{"id":46,"label":47,"slug":48,"rank":49,"group":361},{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":58,"group":363},{"id":66,"label":67,"slug":68},{"id":55,"label":56,"slug":57,"rank":64,"group":365},{"id":51,"label":52,"slug":53},[367,368,369,370,371],{"id":149,"title":150,"slug":151},{"id":75,"title":76,"slug":77},{"id":234,"title":235,"slug":236},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":373,"title":374,"logo":375,"baseline":376,"categories":377},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[378,379,383,384],{"id":165,"title":166,"slug":167},{"id":380,"title":381,"slug":382},48,"Developer Tools","developer-tools",{"id":93,"title":94,"slug":95},{"id":246,"title":247,"slug":248},{"uuid":386,"title":387,"description":388,"canonical_path":389,"image":390,"width":39,"height":186,"image_alt":391,"published_at":392,"kind":43,"patterns":393,"component_categories":407,"app":414},"58900c0a-526f-4e54-8cff-2cd09fb8d6ab","Lindy","Creation modal where the user can start a new Lindy agent from scratch or choose from pre-built templates like Meeting Notetaker and Lead Generator.","\u002Fexamples\u002Fapps\u002Flindy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58900c0a-526f-4e54-8cff-2cd09fb8d6ab.png","Lindy from Lindy","2025-07-14T07:38:40.000Z",[394,396,398,402],{"id":46,"label":47,"slug":48,"rank":49,"group":395},{"id":51,"label":52,"slug":53},{"id":115,"label":116,"slug":117,"rank":58,"group":397},{"id":119,"label":120,"slug":121},{"id":318,"label":399,"slug":400,"rank":64,"group":401},"AI Generation","ai-generation",{"id":51,"label":52,"slug":53},{"id":403,"label":404,"slug":405,"rank":51,"group":406},114,"Confirmation","confirmation",{"id":299,"label":300,"slug":301},[408,412,413],{"id":409,"title":410,"slug":411},284,"Modal","modal",{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":415,"title":387,"logo":416,"baseline":417,"categories":418},"lindy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flindy-k2eius5s.png","Meet your AI assistant",[419,420,421],{"id":93,"title":94,"slug":95},{"id":318,"title":319,"slug":320},{"id":246,"title":247,"slug":248},{"uuid":423,"title":424,"description":425,"canonical_path":426,"image":427,"width":39,"height":428,"image_alt":429,"published_at":430,"kind":43,"patterns":431,"component_categories":440,"app":449},"a99cb826-d777-44d0-acbb-883702c7983d","Emails | Flodesk Help Center","Help center category page where the user browses a list of articles related to customizing and sending emails.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa99cb826-d777-44d0-acbb-883702c7983d.png",4718,"Emails | Flodesk Help Center from Flodesk","2025-02-24T15:36:57.000Z",[432],{"id":433,"label":434,"slug":435,"rank":49,"group":436},179,"Help Center","help-center",{"id":437,"label":438,"slug":439},15,"Marketing Page Types","marketing-page-types",[441,445],{"id":442,"title":443,"slug":444},258,"Header","header",{"id":446,"title":447,"slug":448},202,"Footer","footer",{"slug":450,"title":451,"logo":452,"baseline":453,"categories":454},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[455,458],{"id":191,"title":456,"slug":457},"Email Newsletters","email-newsletters",{"id":161,"title":162,"slug":163},{"uuid":460,"title":461,"description":462,"canonical_path":463,"image":464,"width":39,"height":465,"image_alt":466,"published_at":467,"kind":43,"patterns":468,"component_categories":474,"app":479},"adb5810a-aac7-409e-9af3-5d045e86e317","Podia Demo Site","Marketing feature page showcasing how a blog can look by highlighting real customer examples, embedded social posts, and offering a downloadable checklist.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadb5810a-aac7-409e-9af3-5d045e86e317.png",7602,"Podia Demo Site from Podia","2025-02-17T15:29:05.000Z",[469],{"id":470,"label":471,"slug":472,"rank":49,"group":473},138,"Feature Page","feature-page",{"id":437,"label":438,"slug":439},[475,476,477,478],{"id":442,"title":443,"slug":444},{"id":446,"title":447,"slug":448},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":480,"title":481,"logo":482,"baseline":483,"categories":484},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[485,489,492,493],{"id":486,"title":487,"slug":488},32,"Education","education",{"id":58,"title":490,"slug":491},"Communities","communities",{"id":191,"title":456,"slug":457},{"id":55,"title":494,"slug":495},"E-Learning","e-learning",{"uuid":497,"title":498,"description":499,"canonical_path":500,"image":501,"width":39,"height":502,"image_alt":503,"published_at":504,"kind":43,"patterns":505,"component_categories":511,"app":528},"3048fc72-2268-4049-a0ae-eb2c96f98c63","Chatg.pt – Free ChatGPT Link Shortener | Dub.co","Feature page for a ChatGPT link shortener tool, showcasing a live leaderboard of popular links, product features like custom domains and QR codes, and a wall of customer testimonials.","\u002Fexamples\u002Fapps\u002Fdub\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3048fc72-2268-4049-a0ae-eb2c96f98c63.png",17316,"Chatg.pt – Free ChatGPT Link Shortener | Dub.co from Dub","2025-02-17T13:43:13.000Z",[506],{"id":507,"label":508,"slug":509,"rank":49,"group":510},156,"Free Tool","free-tool",{"id":437,"label":438,"slug":439},[512,516,520,524,525,526,527],{"id":513,"title":514,"slug":515},226,"Skeleton","skeleton",{"id":517,"title":518,"slug":519},298,"Bento box","bento-grid",{"id":521,"title":522,"slug":523},232,"Testimonial","testimonial",{"id":442,"title":443,"slug":444},{"id":446,"title":447,"slug":448},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"slug":529,"title":530,"logo":531,"baseline":532,"categories":533},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[534,535],{"id":161,"title":162,"slug":163},{"id":536,"title":537,"slug":538},46,"Analytics","analytics",[],[541,544,546,548,550,552,554,556,558,560,562,564,566,569,572,575,578,581,584,587,590,593,596,599],{"label":47,"to":542,"count":543},"\u002Fexamples\u002Fscreens\u002Fai-agent",6,{"label":225,"to":545,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":56,"to":547,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":192,"to":549,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":62,"to":551,"count":64},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":116,"to":553,"count":64},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":399,"to":555,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":124,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":404,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":337,"to":561,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":296,"to":563,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":143,"to":565,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":567,"to":568},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":570,"to":571},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":573,"to":574},"Super design examples","\u002Fexamples\u002Fapps\u002Fsuper-work",{"label":576,"to":577},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":579,"to":580},"Chatbase design examples","\u002Fexamples\u002Fapps\u002Fchatbase",{"label":582,"to":583},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":585,"to":586},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":588,"to":589},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":591,"to":592},"Lindy design examples","\u002Fexamples\u002Fapps\u002Flindy",{"label":594,"to":595},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":597,"to":598},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":600,"to":601},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"published_at":603,"updated_at":604},"2025-01-24T05:15:09.000Z","2026-09-05T20:20:03.124Z"]