[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fnewsletter-signup-form":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":336,"links":337,"dates":386},"\u002Fexamples\u002Fcomponents\u002Fnewsletter-signup-form","collection","components",true,{"example_count":9,"app_count":10},31,26,{"id":12,"title":13,"description":14},210,"Newsletter signup form","See how websites invite visitors to subscribe to email updates. Explore how the form explains the newsletter and places email entry beside the subscription action.",{"title":16,"description":17,"og_image":18},"Newsletter signup form UI examples - Nicelydone","Newsletter signup form UI design examples from SaaS apps. See how websites invite visitors to subscribe to email updates. Explore how the form explains the…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa0a6f2ed-9a7f-45d5-b597-8ce5b0fc0187.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Newsletter signup form UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Newsletter signup form UI design examples from SaaS apps. See how websites invite visitors to subscribe to email updates. Explore how the form explains the newsletter and places email entry beside the subscription…",[32],{"title":33,"description":14,"links":34},"About Newsletter signup form",[],[36],"31 UI components",[38,68,105,126,152,182,204,232,252,275,293,317],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"9109745d-1e3b-45e1-b4c0-cbe7de4ec878","Maze UI component","A newsletter signup form with social media follow links presented in a card and a separate section.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fcomponents",848,996,"UI component from Maze","component",[48],{"id":12,"title":13,"slug":49},"newsletter-signup-form",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[56,60,64],{"id":57,"title":58,"slug":59},8,"Design","design",{"id":61,"title":62,"slug":63},69,"Surveys","surveys",{"id":65,"title":66,"slug":67},104,"User Research","user-research",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"7b3fcdf9-185e-4104-877f-cae4f12e801e","Bird UI component","A landing page with a lead capture form to book a demo with a product expert.","\u002Fexamples\u002Fapps\u002Fbird\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc78bb9ca-a806-49d8-a396-9fe427f8beb0.png",2896,1378,"UI component from Bird",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[85,89,93,97,101],{"id":86,"title":87,"slug":88},25,"Marketing","marketing",{"id":90,"title":91,"slug":92},37,"Developer APIs","developer-apis",{"id":94,"title":95,"slug":96},53,"CRM","crm",{"id":98,"title":99,"slug":100},68,"SMS","sms",{"id":102,"title":103,"slug":104},92,"Email","email",{"uuid":106,"title":107,"description":108,"canonical_path":109,"image":110,"width":111,"height":112,"image_alt":113,"kind":46,"categories":114,"app":116},"1427aef7-51b7-49fa-be66-2ce0887cccb4","WeTransfer UI component","A newsletter signup form.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F92936b48-4e90-42da-ae87-276214830c4a.png",2714,906,"UI component from WeTransfer",[115],{"id":12,"title":13,"slug":49},{"slug":117,"title":118,"logo":119,"baseline":120,"categories":121},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[122],{"id":123,"title":124,"slug":125},71,"File sharing","file-sharing",{"uuid":127,"title":128,"description":129,"canonical_path":130,"image":131,"width":132,"height":133,"image_alt":134,"kind":46,"categories":135,"app":137},"3be8ae4b-b9aa-4dd8-8700-897819394951","Jimo UI component","Email subscription form","\u002Fexamples\u002Fapps\u002Fjimo\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d58749a-0603-4061-8535-af1bbbc44710.png",2624,505,"UI component from Jimo",[136],{"id":12,"title":13,"slug":49},{"slug":138,"title":139,"logo":140,"baseline":141,"categories":142},"jimo","Jimo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjimo-bc34493a.png","Onboard users smarter, scale faster. ",[143,147,148],{"id":144,"title":145,"slug":146},47,"Customer Service","customer-service",{"id":61,"title":62,"slug":63},{"id":149,"title":150,"slug":151},96,"No code","no-code",{"uuid":153,"title":154,"description":155,"canonical_path":156,"image":157,"width":158,"height":159,"image_alt":160,"kind":46,"categories":161,"app":163},"76ba0ae7-8252-4b44-8e94-eef70e251aa8","Newsletter signup banner","A wide, purple banner containing a newsletter subscription form with four input fields, a subscribe button, and a decorative illustration of a toaster.","\u002Fexamples\u002Fapps\u002Ftines\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f6a94bf-c962-4179-9985-d1364e12d86f.png",2400,1137,"Newsletter signup banner from Tines",[162],{"id":12,"title":13,"slug":49},{"slug":164,"title":165,"logo":166,"baseline":167,"categories":168},"tines","Tines","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftines-1ce70211.png","No-code automation for security teams",[169,173,174,178],{"id":170,"title":171,"slug":172},78,"Security","security",{"id":149,"title":150,"slug":151},{"id":175,"title":176,"slug":177},80,"Artificial Intelligence","artificial-intelligence",{"id":179,"title":180,"slug":181},105,"Workflow Automation","workflow-automation",{"uuid":183,"title":184,"description":185,"canonical_path":186,"image":187,"width":188,"height":189,"image_alt":190,"kind":46,"categories":191,"app":193},"c0661fd7-1728-4e6a-9836-06ccb52d62de","Descript UI component","Email subscription form for recording and editing tips.","\u002Fexamples\u002Fapps\u002Fdescript\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fff9a531c-4ef0-426f-8eb5-f50ebc1144ed.png",1956,1080,"UI component from Descript",[192],{"id":12,"title":13,"slug":49},{"slug":194,"title":195,"logo":196,"baseline":197,"categories":198},"descript","Descript","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdescript-c27a2fb9.png","Edit videos & podcasts like a doc",[199,203],{"id":200,"title":201,"slug":202},100,"Video","video",{"id":175,"title":176,"slug":177},{"uuid":205,"title":154,"description":206,"canonical_path":207,"image":208,"width":209,"height":210,"image_alt":211,"kind":46,"categories":212,"app":214},"f125a04f-30fc-4ace-a9e9-aaae27e59b52","A dark-themed banner for subscribing to a newsletter, featuring a title, description, an email input field with an inline subscribe button, and a consent checkbox.","\u002Fexamples\u002Fapps\u002Fgithub\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16f5f71b-38d3-4a30-a66a-492890970033.png",2720,744,"Newsletter signup banner from Github",[213],{"id":12,"title":13,"slug":49},{"slug":215,"title":216,"logo":217,"baseline":218,"categories":219},"github","Github","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgithub-b84e2242.png","Where the world builds software ",[220,224,228],{"id":221,"title":222,"slug":223},48,"Developer Tools","developer-tools",{"id":225,"title":226,"slug":227},23,"Collaboration","collaboration",{"id":229,"title":230,"slug":231},45,"Open Source","open-source",{"uuid":233,"title":13,"description":234,"canonical_path":235,"image":236,"width":237,"height":238,"image_alt":239,"kind":46,"categories":240,"app":242},"3f10a942-605b-4f38-80d2-496034dbd9e0","A dark-themed newsletter signup form featuring a prominent headline and a single email input field with an inline submit arrow.","\u002Fexamples\u002Fapps\u002Ftome\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa556eb85-047b-4f5f-95a3-de0b61b0b26b.png",781,408,"Newsletter signup form from Tome",[241],{"id":12,"title":13,"slug":49},{"slug":243,"title":244,"logo":245,"baseline":246,"categories":247},"tome","Tome","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftome-3d8125c5.png","The storytelling tool for work",[248],{"id":249,"title":250,"slug":251},85,"Presentation software","presentation-software",{"uuid":253,"title":254,"description":255,"canonical_path":256,"image":257,"width":258,"height":259,"image_alt":260,"kind":46,"categories":261,"app":263},"6643c361-6c2a-4745-ae5d-6fced8b94161","Newsletter subscription form","A simple form to subscribe to news updates, featuring an email input field, a privacy notice disclaimer, and a submit button.","\u002Fexamples\u002Fapps\u002Fmake\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa866fed2-33ed-4f02-8580-2af71e9b452d.png",844,562,"Newsletter subscription form from Make",[262],{"id":12,"title":13,"slug":49},{"slug":264,"title":265,"logo":266,"baseline":267,"categories":268},"make","Make","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmake-627bffaa.png","Connect apps & design workflows",[269,273,274],{"id":270,"title":271,"slug":272},30,"Productivity","productivity",{"id":149,"title":150,"slug":151},{"id":179,"title":180,"slug":181},{"uuid":276,"title":277,"description":278,"canonical_path":279,"image":280,"width":281,"height":282,"image_alt":283,"kind":46,"categories":284,"app":286},"b314cc9d-3e90-42b5-88bc-464725f43a43","Community and Newsletter Section","A section featuring community links with a GitHub star counter, Discord and Twitter buttons, alongside a newsletter signup form.","\u002Fexamples\u002Fapps\u002Fhttpie\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feb682698-d5f1-4195-a7db-a6e5900bcc74.png",2288,808,"Community and Newsletter Section from Httpie",[285],{"id":12,"title":13,"slug":49},{"slug":287,"title":288,"logo":289,"baseline":290,"categories":291},"httpie","Httpie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhttpie-de4dd3bb.png","API testing client that flows with you",[292],{"id":221,"title":222,"slug":223},{"uuid":294,"title":13,"description":295,"canonical_path":296,"image":297,"width":298,"height":299,"image_alt":300,"kind":46,"categories":301,"app":303},"2e6dc19c-90c7-4a2c-bd17-54bec2c03866","A newsletter signup form featuring a title, a logo for 'The Art of Work', a descriptive paragraph, and an inline email input with a 'Sign up' button.","\u002Fexamples\u002Fapps\u002Fhomerun\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd26f6649-6f36-439b-8516-86a64c850e3d.png",754,821,"Newsletter signup form from Homerun",[302],{"id":12,"title":13,"slug":49},{"slug":304,"title":305,"logo":306,"baseline":307,"categories":308},"homerun","Homerun","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhomerun-66e6ab61.png","Creative hiring for teams",[309,313],{"id":310,"title":311,"slug":312},64,"Recruiting","recruiting",{"id":314,"title":315,"slug":316},10,"Human resources","human-resources",{"uuid":318,"title":154,"description":319,"canonical_path":320,"image":321,"width":322,"height":323,"image_alt":324,"kind":46,"categories":325,"app":327},"f066417f-814f-4b5a-a866-382342cb89b8","A dark-themed newsletter signup banner featuring a central form with an email input and subscribe button, flanked by decorative floating elements.","\u002Fexamples\u002Fapps\u002Feraser\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F413c6dc8-5e04-42fc-8074-e3b5312c1234.png",3136,1164,"Newsletter signup banner from Eraser",[326],{"id":12,"title":13,"slug":49},{"slug":328,"title":329,"logo":330,"baseline":331,"categories":332},"eraser","Eraser","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feraser-5d273b5d.png","Documents & diagrams for engineering teams",[333,334,335],{"id":225,"title":226,"slug":227},{"id":221,"title":222,"slug":223},{"id":57,"title":58,"slug":59},[],[338,341,344,347,350,353,356,359,362,365,368,371,374,377,380,383],{"label":339,"to":340},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":342,"to":343},"Blog Index","\u002Fexamples\u002Fpages\u002Fblog-index",{"label":345,"to":346},"Changelog","\u002Fexamples\u002Fpages\u002Fchangelog",{"label":348,"to":349},"Feature Page","\u002Fexamples\u002Fpages\u002Ffeature-page",{"label":351,"to":352},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":354,"to":355},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":357,"to":358},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":360,"to":361},"Jimo design examples","\u002Fexamples\u002Fapps\u002Fjimo",{"label":363,"to":364},"Tines design examples","\u002Fexamples\u002Fapps\u002Ftines",{"label":366,"to":367},"Descript design examples","\u002Fexamples\u002Fapps\u002Fdescript",{"label":369,"to":370},"Github design examples","\u002Fexamples\u002Fapps\u002Fgithub",{"label":372,"to":373},"Tome design examples","\u002Fexamples\u002Fapps\u002Ftome",{"label":375,"to":376},"Make design examples","\u002Fexamples\u002Fapps\u002Fmake",{"label":378,"to":379},"Httpie design examples","\u002Fexamples\u002Fapps\u002Fhttpie",{"label":381,"to":382},"Homerun design examples","\u002Fexamples\u002Fapps\u002Fhomerun",{"label":384,"to":385},"Eraser design examples","\u002Fexamples\u002Fapps\u002Feraser",{"published_at":387,"updated_at":388},"2022-08-21T20:07:35.000Z","2026-09-26T12:10:33.000Z"]