[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Finput-text":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":329,"links":330,"dates":379},"\u002Fexamples\u002Fcomponents\u002Finput-text","collection","components",true,{"example_count":9,"app_count":10},120,80,{"id":12,"title":13,"description":14},201,"Input text","Explore how forms collect a short piece of text. Look at how labels, placeholder examples, and supporting messages guide entry without replacing the field's meaning.",{"title":16,"description":17,"og_image":18},"Input text UI examples - Nicelydone","Input text UI design examples from SaaS apps. Explore how forms collect a short piece of text. Look at how labels, placeholder examples, and supporting…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc43736b-6587-4726-b44a-63b84b2bc934.jpg",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Input text UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Input text UI design examples from SaaS apps. Explore how forms collect a short piece of text. Look at how labels, placeholder examples, and supporting messages guide entry without replacing the field's…",[32],{"title":33,"description":14,"links":34},"About Input text",[],[36],"120 UI components",[38,71,97,126,145,166,189,215,236,263,282,303],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"907446d9-699e-11f1-8c91-960002ce6e45","Chat Composer","An input field with placeholder text and action icons for text and voice input","\u002Fexamples\u002Fapps\u002Ftown\u002Fcomponents",1636,300,"Chat Composer from Town","component",[48],{"id":12,"title":13,"slug":49},"input-text",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"town","Town","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb6cf707d-df49-4190-b803-766b8914df89.png","The AI assistant that manages your inbox, schedules meetings, and handles busywork.",[56,59,63,67],{"id":10,"title":57,"slug":58},"Artificial Intelligence","artificial-intelligence",{"id":60,"title":61,"slug":62},30,"Productivity","productivity",{"id":64,"title":65,"slug":66},92,"Email","email",{"id":68,"title":69,"slug":70},101,"Calendar","calendar",{"uuid":72,"title":73,"description":74,"canonical_path":75,"image":76,"width":77,"height":78,"image_alt":79,"kind":46,"categories":80,"app":82},"bc478915-313a-4d6c-8591-688afe582ba3","Durable UI component","A text input field with a placeholder text and an embedded button with an icon and label.","\u002Fexamples\u002Fapps\u002Fdurable\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F26acaf30-7413-49b5-8341-806b9852e63f.png",1602,534,"UI component from Durable",[81],{"id":12,"title":13,"slug":49},{"slug":83,"title":84,"logo":85,"baseline":86,"categories":87},"durable","Durable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb551d9ca-2d64-4ca4-9738-73cb15d9e486.png","AI that builds a business for you",[88,92,93],{"id":89,"title":90,"slug":91},7,"Web Development","web-development",{"id":10,"title":57,"slug":58},{"id":94,"title":95,"slug":96},96,"No code","no-code",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":103,"height":104,"image_alt":105,"kind":46,"categories":106,"app":108},"082e0455-3606-440a-9c0f-a563d63956ef","Workflow UI component","The screenshot shows a message box with a suggestion to change the color of menu icons for better visibility.","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff7a10667-04b7-4d30-a0f6-f46715943406.png",835,334,"UI component from Workflow",[107],{"id":12,"title":13,"slug":49},{"slug":109,"title":110,"logo":111,"baseline":112,"categories":113},"workflow","Workflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkflow-n6ecc4wx.png","Design feedback and revisions, all in one place",[114,118,122],{"id":115,"title":116,"slug":117},8,"Design","design",{"id":119,"title":120,"slug":121},23,"Collaboration","collaboration",{"id":123,"title":124,"slug":125},35,"Feedback","feedback",{"uuid":127,"title":128,"description":129,"canonical_path":130,"image":131,"width":132,"height":133,"image_alt":134,"kind":46,"categories":135,"app":137},"a322f915-5bf2-46a1-93f6-954fc716692c","Cobot UI component","A suggestion chip with an email address and associated tags.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1d2f9569-f5bf-4ff9-8215-d45d1b290d25.png",1758,478,"UI component from Cobot",[136],{"id":12,"title":13,"slug":49},{"slug":138,"title":139,"logo":140,"baseline":141,"categories":142},"cobot","Cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[143,144],{"id":10,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"uuid":146,"title":147,"description":148,"canonical_path":149,"image":150,"width":151,"height":152,"image_alt":153,"kind":46,"categories":154,"app":156},"48f0a34c-0273-4c06-aa41-3d6a300423b5","Maybe Finance UI component","A password input field with validation requirements.","\u002Fexamples\u002Fapps\u002Fmaybe-finance\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc32dae9a-8b5a-4906-a3d1-7d62dc644028.png",1284,623,"UI component from Maybe Finance",[155],{"id":12,"title":13,"slug":49},{"slug":157,"title":158,"logo":159,"baseline":160,"categories":161},"maybe-finance","Maybe Finance","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F88ec1791-1725-4a05-9aba-13f989c48b3a.png","The personal finance app for everyone",[162],{"id":163,"title":164,"slug":165},36,"Finance","finance",{"uuid":167,"title":168,"description":169,"canonical_path":170,"image":171,"width":172,"height":173,"image_alt":174,"kind":46,"categories":175,"app":177},"bccbcba8-b79b-4dd9-93b3-cac0fa1b8cd2","Lindy UI component","The screenshot displays a user interface for configuring email settings, including channel selection, message composition, and bot icon customization.","\u002Fexamples\u002Fapps\u002Flindy\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc117b8c9-51b8-4edb-8a6d-cf039d152b3f.png",1464,1389,"UI component from Lindy",[176],{"id":12,"title":13,"slug":49},{"slug":178,"title":179,"logo":180,"baseline":181,"categories":182},"lindy","Lindy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flindy-k2eius5s.png","Meet your AI assistant",[183,184,185],{"id":10,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":186,"title":187,"slug":188},105,"Workflow Automation","workflow-automation",{"uuid":190,"title":191,"description":192,"canonical_path":193,"image":194,"width":195,"height":196,"image_alt":197,"kind":46,"categories":198,"app":200},"518eee7e-ab17-4f04-bf4a-a40f67267aa9","Fourthwall UI component","A simple text field with a label.","\u002Fexamples\u002Fapps\u002Ffourthwall\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F918d030b-fc80-47a5-b807-5211676c7c7c.png",1376,368,"UI component from Fourthwall",[199],{"id":12,"title":13,"slug":49},{"slug":201,"title":202,"logo":203,"baseline":204,"categories":205},"fourthwall","Fourthwall","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6cf581b1-c7fa-41be-a627-bf2934115d62.png","Launch your brand. On your terms",[206,210,214],{"id":207,"title":208,"slug":209},3,"Shopping","shopping",{"id":211,"title":212,"slug":213},58,"Social Commerce","social-commerce",{"id":89,"title":90,"slug":91},{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":221,"height":222,"image_alt":223,"kind":46,"categories":224,"app":226},"fed0bd62-33a2-49f5-8133-6c8f8ef825db","Clay UI component","The screenshot shows a modal for inviting emails.","\u002Fexamples\u002Fapps\u002Fclay\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3fc3732c-d97b-47b2-96c8-68e0f2fda4c4.png",928,376,"UI component from Clay",[225],{"id":12,"title":13,"slug":49},{"slug":227,"title":228,"logo":229,"baseline":230,"categories":231},"clay","Clay","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","Be more thoughtful with the people in your network",[232],{"id":233,"title":234,"slug":235},53,"CRM","crm",{"uuid":237,"title":238,"description":239,"canonical_path":240,"image":241,"width":242,"height":243,"image_alt":244,"kind":46,"categories":245,"app":247},"4f16af10-7e7b-4eca-95de-a892d5535b5c","Midjourney UI component","A search bar with a prompt and search button.","\u002Fexamples\u002Fapps\u002Fmidjourney\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7f75baef-d4b0-4980-892a-d754fae11fe4.png",2587,182,"UI component from Midjourney",[246],{"id":12,"title":13,"slug":49},{"slug":248,"title":249,"logo":250,"baseline":251,"categories":252},"midjourney","Midjourney","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmidjourney-2b6oxos6.png","Exploring new mediums of thought and amplifying the imaginative powers of the human species",[253,254,255,259],{"id":10,"title":57,"slug":58},{"id":115,"title":116,"slug":117},{"id":256,"title":257,"slug":258},38,"Art","art",{"id":260,"title":261,"slug":262},100,"Video","video",{"uuid":264,"title":265,"description":266,"canonical_path":267,"image":268,"width":269,"height":270,"image_alt":271,"kind":46,"categories":272,"app":274},"d1d11726-1a69-4650-b6a3-bf9a066a81c1","Sora UI component","A username input field with a character limit validation.","\u002Fexamples\u002Fapps\u002Fsora\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F800693d7-981a-4679-9e6d-2866697a486d.png",800,255,"UI component from Sora",[273],{"id":12,"title":13,"slug":49},{"slug":275,"title":276,"logo":277,"baseline":278,"categories":279},"sora","Sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[280,281],{"id":10,"title":57,"slug":58},{"id":260,"title":261,"slug":262},{"uuid":283,"title":284,"description":285,"canonical_path":286,"image":287,"width":288,"height":289,"image_alt":290,"kind":46,"categories":291,"app":293},"8a97deec-7986-4c8f-972a-c9332189fd8b","WeTransfer UI component","A simple input field with a label and a checkmark icon.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffedc1b52-921e-4529-a891-fbde17107cc5.png",1237,372,"UI component from WeTransfer",[292],{"id":12,"title":13,"slug":49},{"slug":294,"title":295,"logo":296,"baseline":297,"categories":298},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[299],{"id":300,"title":301,"slug":302},71,"File sharing","file-sharing",{"uuid":304,"title":305,"description":306,"canonical_path":307,"image":308,"width":309,"height":310,"image_alt":311,"kind":46,"categories":312,"app":314},"abe23f41-690b-4636-b804-4836fe757170","AI Search Omnibar","A large search input field with mode toggles for 'Ask' and 'Find' positioned above it, and a row of connected app icons below it indicating data sources.","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec763864-b2f7-4038-8efd-8b79127f1005.png",2184,576,"AI Search Omnibar from Qatalog",[313],{"id":12,"title":13,"slug":49},{"slug":315,"title":316,"logo":317,"baseline":318,"categories":319},"qatalog","Qatalog","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fqatalog-8b19d9e2.png","AI that works with your data",[320,321,325],{"id":10,"title":57,"slug":58},{"id":322,"title":323,"slug":324},22,"Knowledge Management","knowledge-management",{"id":326,"title":327,"slug":328},55,"Search engine","search-engine",[],[331,334,337,340,343,346,349,352,355,358,361,364,367,370,373,376],{"label":332,"to":333},"AI Chat","\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":335,"to":336},"AI Generation","\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":338,"to":339},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":341,"to":342},"Invite Teammates","\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":344,"to":345},"Town design examples","\u002Fexamples\u002Fapps\u002Ftown",{"label":347,"to":348},"Durable design examples","\u002Fexamples\u002Fapps\u002Fdurable",{"label":350,"to":351},"Workflow design examples","\u002Fexamples\u002Fapps\u002Fworkflow",{"label":353,"to":354},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":356,"to":357},"Maybe Finance design examples","\u002Fexamples\u002Fapps\u002Fmaybe-finance",{"label":359,"to":360},"Lindy design examples","\u002Fexamples\u002Fapps\u002Flindy",{"label":362,"to":363},"Fourthwall design examples","\u002Fexamples\u002Fapps\u002Ffourthwall",{"label":365,"to":366},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"label":368,"to":369},"Midjourney design examples","\u002Fexamples\u002Fapps\u002Fmidjourney",{"label":371,"to":372},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":374,"to":375},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":377,"to":378},"Qatalog design examples","\u002Fexamples\u002Fapps\u002Fqatalog",{"published_at":380,"updated_at":381},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]