[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fpages\u002Ftools":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":37,"showcases":585,"links":586,"dates":627},"\u002Fexamples\u002Fpages\u002Ftools","collection","pages",true,{"example_count":9,"app_count":10},1684,104,{"id":12,"title":13,"description":14},77,"Tools","Explore Tools page design in SaaS. Often called Resources or Integrations, this page is where users discover helpful features, integrations, and guides. Browse examples of Tools pages design from the best SaaS apps and see how they enhance user experience and drive engagement.",{"title":16,"description":17,"og_image":18},"Tools page examples - Nicelydone","Tools page design examples from SaaS websites. Explore Tools page design in SaaS. Often called Resources or Integrations, this page is where users discover…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F45606e6c-b0d0-44f5-9358-09f8ec01b6a9.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS marketing page examples","\u002Fexamples\u002Fpages",{"label":27,"to":4},"Tools page examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI category","Tools page design examples from SaaS websites. Explore Tools page design in SaaS. Often called Resources or Integrations, this page is where users discover helpful features, integrations, and guides.…",[32],{"title":33,"description":14,"links":34},"About Tools",[],[36],"1684 marketing pages",[38,106,149,203,248,301,334,368,413,449,503,542],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":76,"app":89},"45606e6c-b0d0-44f5-9358-09f8ec01b6a9","My first AI agent","List view where the user manages tools for their AI agent, featuring a data table of existing tools and an onboarding popover for new users.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens",3024,1758,"My first AI agent from Voiceflow","2026-07-07T07:44:33.000Z","screen",[49,58,67],{"id":50,"label":51,"slug":52,"rank":53,"group":54},26,"AI Agent","ai-agent",0,{"id":55,"label":56,"slug":57},3,"AI","ai",{"id":59,"label":60,"slug":61,"rank":62,"group":63},47,"Table","table",1,{"id":64,"label":65,"slug":66},4,"Data & Analysis","data-and-analysis",{"id":68,"label":69,"slug":70,"rank":71,"group":72},74,"Onboarding Checklist","onboarding-checklist",2,{"id":73,"label":74,"slug":75},7,"Onboarding & Education","onboarding-and-education",[77,81,85],{"id":78,"title":79,"slug":80},214,"Popover","popover",{"id":82,"title":83,"slug":84},174,"Card","card",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":90,"title":91,"logo":92,"baseline":93,"categories":94},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[95,99,102],{"id":96,"title":97,"slug":98},80,"Artificial Intelligence","artificial-intelligence",{"id":59,"title":100,"slug":101},"Customer Service","customer-service",{"id":103,"title":104,"slug":105},96,"No code","no-code",{"uuid":107,"title":108,"description":109,"canonical_path":110,"image":111,"width":43,"height":44,"image_alt":112,"published_at":113,"kind":47,"patterns":114,"component_categories":128,"app":138},"f8bd9f9b-6cd1-48d4-8f78-66e845a96c41","HeyGen - HeyGen","Search overlay where the user filters between all, tools, and projects to find and open specific video creation features.","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8bd9f9b-6cd1-48d4-8f78-66e845a96c41.png","HeyGen - HeyGen from HeyGen","2026-06-29T18:29:44.000Z",[115,123],{"id":116,"label":117,"slug":118,"rank":53,"group":119},64,"Global Search","global-search",{"id":120,"label":121,"slug":122},6,"Navigation & Commands","navigation-and-commands",{"id":124,"label":125,"slug":126,"rank":62,"group":127},27,"AI Assistant","ai-assistant",{"id":55,"label":56,"slug":57},[129,133,137],{"id":130,"title":131,"slug":132},284,"Modal","modal",{"id":134,"title":135,"slug":136},233,"Tabs","tabs",{"id":86,"title":87,"slug":88},{"slug":139,"title":140,"logo":141,"baseline":142,"categories":143},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[144,148],{"id":145,"title":146,"slug":147},100,"Video","video",{"id":96,"title":97,"slug":98},{"uuid":150,"title":151,"description":152,"canonical_path":153,"image":154,"width":43,"height":44,"image_alt":155,"published_at":156,"kind":47,"patterns":157,"component_categories":176,"app":188},"90908ecf-9c41-4d70-be2d-a31ce847b694","FLORA - Untitled","Design editor canvas where the user is opening a tools menu over an AI image generation node workflow.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90908ecf-9c41-4d70-be2d-a31ce847b694.png","FLORA - Untitled from Flora","2026-05-26T09:34:20.000Z",[158,163,168],{"id":159,"label":160,"slug":161,"rank":53,"group":162},29,"AI Editing","ai-editing",{"id":55,"label":56,"slug":57},{"id":164,"label":165,"slug":166,"rank":62,"group":167},30,"AI Generation","ai-generation",{"id":55,"label":56,"slug":57},{"id":169,"label":170,"slug":171,"rank":71,"group":172},55,"Design Editor","design-editor",{"id":173,"label":174,"slug":175},5,"Media & Tools","media-and-tools",[177,178,182,183,187],{"id":130,"title":131,"slug":132},{"id":179,"title":180,"slug":181},169,"Avatar","avatar",{"id":134,"title":135,"slug":136},{"id":184,"title":185,"slug":186},260,"Badge","badge",{"id":86,"title":87,"slug":88},{"slug":189,"title":190,"logo":191,"baseline":192,"categories":193},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[194,195,199],{"id":96,"title":97,"slug":98},{"id":196,"title":197,"slug":198},8,"Design","design",{"id":200,"title":201,"slug":202},23,"Collaboration","collaboration",{"uuid":204,"title":205,"description":206,"canonical_path":207,"image":208,"width":43,"height":209,"image_alt":210,"published_at":211,"kind":47,"patterns":212,"component_categories":221,"app":231},"8fc4496f-abca-4283-aeae-4b8092810867","Amie - Tools","Marketing page serving as a directory for free productivity utilities like a pomodoro timer and AI generators.","\u002Fexamples\u002Fapps\u002Famie\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8fc4496f-abca-4283-aeae-4b8092810867.png",2142,"Amie - Tools from Amie","2026-05-18T09:02:08.000Z",[213],{"id":214,"label":215,"slug":216,"rank":53,"group":217},156,"Free Tool","free-tool",{"id":218,"label":219,"slug":220},15,"Marketing Page Types","marketing-page-types",[222,226,230],{"id":223,"title":224,"slug":225},258,"Header","header",{"id":227,"title":228,"slug":229},202,"Footer","footer",{"id":82,"title":83,"slug":84},{"slug":232,"title":233,"logo":234,"baseline":235,"categories":236},"amie","Amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[237,241,244,247],{"id":238,"title":239,"slug":240},101,"Calendar","calendar",{"id":159,"title":242,"slug":243},"Task Management","task-management",{"id":164,"title":245,"slug":246},"Productivity","productivity",{"id":96,"title":97,"slug":98},{"uuid":249,"title":250,"description":251,"canonical_path":252,"image":253,"width":43,"height":254,"image_alt":255,"published_at":256,"kind":47,"patterns":257,"component_categories":285,"app":290},"19530a9f-e2a0-4462-9634-1394971168e3","ElevenAgents | ElevenLabs","Settings page where the user configures custom and system tools for an AI agent, including enabling built-in actions like ending conversations or detecting language.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19530a9f-e2a0-4462-9634-1394971168e3.png",1714,"ElevenAgents | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[258,263,270,272,277],{"id":259,"label":260,"slug":261,"rank":53,"group":262},33,"AI Settings","ai-settings",{"id":55,"label":56,"slug":57},{"id":264,"label":265,"slug":266,"rank":62,"group":267},11,"Edit","edit",{"id":71,"label":268,"slug":269},"Actions","actions",{"id":59,"label":60,"slug":61,"rank":71,"group":271},{"id":64,"label":65,"slug":66},{"id":273,"label":274,"slug":275,"rank":55,"group":276},13,"Filter & Sort","filter-and-sort",{"id":71,"label":268,"slug":269},{"id":278,"label":279,"slug":280,"rank":64,"group":281},102,"Settings","settings",{"id":282,"label":283,"slug":284},10,"Settings & Admin","settings-and-admin",[286,287,288,289],{"id":134,"title":135,"slug":136},{"id":184,"title":185,"slug":186},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":291,"title":292,"logo":293,"baseline":294,"categories":295},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[296,297],{"id":96,"title":97,"slug":98},{"id":298,"title":299,"slug":300},37,"Developer APIs","developer-apis",{"uuid":302,"title":303,"description":304,"canonical_path":305,"image":306,"width":43,"height":307,"image_alt":308,"published_at":309,"kind":47,"patterns":310,"component_categories":313,"app":318},"b5c284ed-c9bc-45e9-8f6e-178403fc2f5a","AI Storyboard Generator  Navattic","Marketing tool page where the user enters a product page URL to generate an AI-powered interactive demo storyboard.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb5c284ed-c9bc-45e9-8f6e-178403fc2f5a.png",4988,"AI Storyboard Generator  Navattic from Navattic","2026-05-05T10:32:31.000Z",[311],{"id":214,"label":215,"slug":216,"rank":53,"group":312},{"id":218,"label":219,"slug":220},[314,315,316,317],{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":319,"title":320,"logo":321,"baseline":322,"categories":323},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[324,328,329,330],{"id":325,"title":326,"slug":327},25,"Marketing","marketing",{"id":96,"title":97,"slug":98},{"id":103,"title":104,"slug":105},{"id":331,"title":332,"slug":333},103,"Demo Automation","demo-automation",{"uuid":335,"title":336,"description":337,"canonical_path":338,"image":339,"width":43,"height":340,"image_alt":341,"published_at":342,"kind":47,"patterns":343,"component_categories":349,"app":354},"5757d6b5-07f9-4d34-b704-ebf5ec73992c","Mailchimp Tools and SDKs  Mailchimp Developer","Developer tools page listing official API client libraries and mobile SDKs for Mailchimp, organized by language and platform.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5757d6b5-07f9-4d34-b704-ebf5ec73992c.png",5734,"Mailchimp Tools and SDKs  Mailchimp Developer from Mailchimp","2026-04-29T12:25:29.000Z",[344],{"id":345,"label":346,"slug":347,"rank":53,"group":348},177,"Developer Portal","developer-portal",{"id":218,"label":219,"slug":220},[350,351,352,353],{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":355,"title":356,"logo":357,"baseline":358,"categories":359},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[360,361,364],{"id":325,"title":326,"slug":327},{"id":124,"title":362,"slug":363},"Email Newsletters","email-newsletters",{"id":365,"title":366,"slug":367},68,"SMS","sms",{"uuid":369,"title":370,"description":371,"canonical_path":372,"image":373,"width":43,"height":374,"image_alt":375,"published_at":376,"kind":47,"patterns":377,"component_categories":393,"app":396},"fe872a95-31c4-4caa-aab2-ee0c6bcb8a2f","Found","List view where the user browses business toolkit offers like payroll, tax filing, and insurance, with a placeholder illustration in the detail pane.","\u002Fexamples\u002Fapps\u002Ffound\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe872a95-31c4-4caa-aab2-ee0c6bcb8a2f.png",1776,"Found from Found","2026-03-30T13:28:50.000Z",[378,385],{"id":379,"label":380,"slug":381,"rank":53,"group":382},79,"Browse","browse",{"id":196,"label":383,"slug":384},"Pages & Content","pages-and-content",{"id":386,"label":387,"slug":388,"rank":62,"group":389},115,"Empty State","empty-state",{"id":390,"label":391,"slug":392},12,"States & Feedback","states-and-feedback",[394,395],{"id":179,"title":180,"slug":181},{"id":184,"title":185,"slug":186},{"slug":397,"title":370,"logo":398,"baseline":399,"categories":400},"found","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6e62a187-70b0-4e5c-8c4a-790249b945b0.png","Smarter banking for your business",[401,405,409],{"id":402,"title":403,"slug":404},36,"Finance","finance",{"id":406,"title":407,"slug":408},39,"Payments","payments",{"id":410,"title":411,"slug":412},56,"Accounting","accounting",{"uuid":414,"title":415,"description":416,"canonical_path":417,"image":418,"width":43,"height":419,"image_alt":420,"published_at":421,"kind":47,"patterns":422,"component_categories":427,"app":438},"6129f90c-76d9-49ba-9fb7-3a69edcf8566","Happy pine · Paper","Design editor where the user is adjusting the gradient fill, borders, and shadows of a selected frame via the right-hand inspector panel.","\u002Fexamples\u002Fapps\u002Fpaper\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6129f90c-76d9-49ba-9fb7-3a69edcf8566.png",1780,"Happy pine · Paper from Paper","2026-03-23T12:01:33.000Z",[423,425],{"id":169,"label":170,"slug":171,"rank":53,"group":424},{"id":173,"label":174,"slug":175},{"id":264,"label":265,"slug":266,"rank":62,"group":426},{"id":71,"label":268,"slug":269},[428,432,436,437],{"id":429,"title":430,"slug":431},168,"Accordion","accordion",{"id":433,"title":434,"slug":435},257,"Input number","input-number",{"id":184,"title":185,"slug":186},{"id":86,"title":87,"slug":88},{"slug":439,"title":440,"logo":441,"baseline":442,"categories":443},"paper","Paper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6406196d-df59-4e20-b60a-7d067ada271c.png","Design, share, ship",[444,447,448],{"id":73,"title":445,"slug":446},"Web Development","web-development",{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"uuid":450,"title":451,"description":452,"canonical_path":453,"image":454,"width":43,"height":419,"image_alt":455,"published_at":456,"kind":47,"patterns":457,"component_categories":479,"app":494},"d0e102e4-3596-47e4-80e9-5061d95279f6","Test 01 \u002F Guest Project - Morphic Studio","Motion design editor where the user applies transitions to video clips on a multi-track timeline.","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0e102e4-3596-47e4-80e9-5061d95279f6.png","Test 01 \u002F Guest Project - Morphic Studio from Morphic","2026-03-16T20:52:14.000Z",[458,460,465,469,474],{"id":169,"label":170,"slug":171,"rank":53,"group":459},{"id":173,"label":174,"slug":175},{"id":461,"label":462,"slug":463,"rank":62,"group":464},61,"Video Player","video-player",{"id":173,"label":174,"slug":175},{"id":325,"label":466,"slug":467,"rank":71,"group":468},"Upload & Download","upload-and-download",{"id":71,"label":268,"slug":269},{"id":470,"label":471,"slug":472,"rank":55,"group":473},48,"Timeline","timeline",{"id":64,"label":65,"slug":66},{"id":475,"label":476,"slug":477,"rank":64,"group":478},22,"Search","search",{"id":71,"label":268,"slug":269},[480,484,488,492,493],{"id":481,"title":482,"slug":483},277,"Button group","button-group",{"id":485,"title":486,"slug":487},223,"Slider","slider",{"id":489,"title":490,"slug":491},240,"Horizontal navigation","horizontal-navigation",{"id":134,"title":135,"slug":136},{"id":82,"title":83,"slug":84},{"slug":495,"title":496,"logo":497,"baseline":498,"categories":499},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[500,501,502],{"id":145,"title":146,"slug":147},{"id":196,"title":197,"slug":198},{"id":96,"title":97,"slug":98},{"uuid":504,"title":505,"description":506,"canonical_path":507,"image":508,"width":43,"height":374,"image_alt":509,"published_at":510,"kind":47,"patterns":511,"component_categories":518,"app":524},"2c55944f-064f-428a-af32-edec32a62ba7","LlamaParse","Playground interface where the user uploads documents and configures parsing tiers like layout complexity and cost before running the extraction.","\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c55944f-064f-428a-af32-edec32a62ba7.png","LlamaParse from Llamaindex","2026-03-16T20:51:42.000Z",[512,514,516],{"id":325,"label":466,"slug":467,"rank":53,"group":513},{"id":71,"label":268,"slug":269},{"id":159,"label":160,"slug":161,"rank":62,"group":515},{"id":55,"label":56,"slug":57},{"id":278,"label":279,"slug":280,"rank":71,"group":517},{"id":282,"label":283,"slug":284},[519,520,521,522,523],{"id":489,"title":490,"slug":491},{"id":134,"title":135,"slug":136},{"id":184,"title":185,"slug":186},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":525,"title":526,"logo":527,"baseline":528,"categories":529},"llamaindex","Llamaindex","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1e225662-6b6d-476d-a9ed-68b03c620ee1.png",null,[530,534,537,538],{"id":531,"title":532,"slug":533},45,"Open Source","open-source",{"id":470,"title":535,"slug":536},"Developer Tools","developer-tools",{"id":96,"title":97,"slug":98},{"id":539,"title":540,"slug":541},105,"Workflow Automation","workflow-automation",{"uuid":543,"title":544,"description":545,"canonical_path":546,"image":547,"width":43,"height":419,"image_alt":548,"published_at":549,"kind":47,"patterns":550,"component_categories":571,"app":573},"22c64824-3051-4539-95b7-e704dca62288","Super","AI chat interface where the user interacts with an assistant to build a report from their Linear tasks.","\u002Fexamples\u002Fapps\u002Fsuper-work\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F22c64824-3051-4539-95b7-e704dca62288.png","Super from Super","2026-03-09T11:21:54.000Z",[551,553,558,563],{"id":124,"label":125,"slug":126,"rank":53,"group":552},{"id":55,"label":56,"slug":57},{"id":554,"label":555,"slug":556,"rank":62,"group":557},28,"AI Chat","ai-chat",{"id":55,"label":56,"slug":57},{"id":559,"label":560,"slug":561,"rank":71,"group":562},49,"Usage","usage",{"id":64,"label":65,"slug":66},{"id":564,"label":565,"slug":566,"rank":55,"group":567},91,"Trial","trial",{"id":568,"label":569,"slug":570},9,"Plans & Limits","plans-and-limits",[572],{"id":86,"title":87,"slug":88},{"slug":574,"title":544,"logo":575,"baseline":576,"categories":577},"super-work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F18c1a329-f193-4400-81ba-b36a605c9c39.png","AI search and agents, across all your company tools",[578,581,584],{"id":475,"title":579,"slug":580},"Knowledge Management","knowledge-management",{"id":169,"title":582,"slug":583},"Search engine","search-engine",{"id":96,"title":97,"slug":98},[],[587,589,591,594,597,600,603,606,609,612,615,618,621,624],{"label":215,"to":588,"count":71},"\u002Fexamples\u002Fpages\u002Ffree-tool",{"label":346,"to":590,"count":62},"\u002Fexamples\u002Fpages\u002Fdeveloper-portal",{"label":592,"to":593},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":595,"to":596},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":598,"to":599},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":601,"to":602},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":604,"to":605},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":607,"to":608},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":610,"to":611},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":613,"to":614},"Found design examples","\u002Fexamples\u002Fapps\u002Ffound",{"label":616,"to":617},"Paper design examples","\u002Fexamples\u002Fapps\u002Fpaper",{"label":619,"to":620},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":622,"to":623},"Llamaindex design examples","\u002Fexamples\u002Fapps\u002Fllamaindex",{"label":625,"to":626},"Super design examples","\u002Fexamples\u002Fapps\u002Fsuper-work",{"published_at":628,"updated_at":629},"2026-03-05T15:02:30.000Z","2026-10-04T00:00:08.713Z"]