[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftypeform\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":201,"links":202,"dates":221},"\u002Fexamples\u002Fapps\u002Ftypeform\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Typeform UI components examples - Nicelydone","Browse Typeform UI component design examples. Preview individual interface elements and explore related component categories. Free & beautifully human…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcacfae1f-5292-4f51-8557-08ba2425af8b.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},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":23,"to":4},"Typeform UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Typeform UI component design examples. Preview individual interface elements and explore related component categories. Free & beautifully human online forms",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Typeform","typeform","Free & beautifully human online forms","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","https:\u002F\u002Fwww.typeform.com",[36,40,44,48],{"id":37,"title":38,"slug":39},69,"Surveys","surveys",{"id":41,"title":42,"slug":43},25,"Marketing","marketing",{"id":45,"title":46,"slug":47},96,"No code","no-code",{"id":49,"title":50,"slug":51},104,"User Research","user-research",[53,68,81,94,106,119,132,142,155,168,178,191],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"aa787180-7c28-4a08-86b2-a6bfeb570936","Typeform UI component","A user account dropdown menu displaying user information, account settings, resources, and other links.",632,1163,"UI component from Typeform","component",[62],{"id":63,"title":64,"slug":65},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"a776bcd8-7c2f-4620-9716-46004e55372a","A notification card informing a user about an upcoming plan change to a free plan, detailing new limits and offering an option to stop the change.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d799563-f612-4d1a-8240-4879a77c66ec.png",1696,584,[75],{"id":76,"title":77,"slug":78},244,"Message","message",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":92},"bb928ca7-3ef0-403e-822f-4e46936299fe","A card displaying an auto-upgrade feature with a toggle switch and a link for more details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F386a2a48-95ba-4b87-b244-8ff1f6c4f0bc.png",1568,532,[88],{"id":89,"title":90,"slug":91},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":55,"description":96,"canonical_path":4,"image":97,"width":85,"height":98,"image_alt":59,"kind":60,"categories":99,"app":104},"d3828b6f-3984-46c9-8435-301c1364232f","A section displaying the number of responses used out of a monthly limit, along with the reset date and time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe2021040-19cb-40c1-b03a-68d793424ef1.png",385,[100],{"id":101,"title":102,"slug":103},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":105},[],{"uuid":107,"title":55,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":59,"kind":60,"categories":112,"app":117},"def20550-1449-49d4-bdcc-5d548864b3e6","A modal for configuring email sending settings, including custom domains and sender name.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fadc167f6-03bc-413f-87fc-1b899450edf5.png",954,691,[113],{"id":114,"title":115,"slug":116},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":118},[],{"uuid":120,"title":55,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":59,"kind":60,"categories":125,"app":130},"b671559f-3cb6-4321-8469-02d19f3d1d97","A web interface displaying a list of properties with their mapping status, number of mappings, and last updated date, along with options to manage property mappings and add new properties.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F11901174-f0ca-43bb-8eec-1cafa1843a4e.png",2238,1063,[126],{"id":127,"title":128,"slug":129},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":55,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":59,"kind":60,"categories":138,"app":140},"e23bf498-59c9-431b-a41f-a950b702d23c","A dropdown menu displaying various actions related to contacts and properties.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F27db9f6d-1591-4a87-837d-2e2e11e575b2.png",527,513,[139],{"id":63,"title":64,"slug":65},{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":55,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":59,"kind":60,"categories":148,"app":153},"799db104-f83e-4a3f-bd94-7a6bc7aaed32","A user interface for adding contacts to Typeform, featuring options to add via form or import, and a visual flow diagram illustrating contact segmentation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3abfbd7d-bf83-426d-a923-d9e10bd31da8.png",2144,1004,[149],{"id":150,"title":151,"slug":152},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":55,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":59,"kind":60,"categories":161,"app":166},"42850961-b817-4b95-8e78-e781384212f0","A dropdown menu displaying sorting options for data, including date created, last updated, and alphabetical order.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F82f77da7-e657-4505-b8e5-d705a6e392bd.png",365,392,[162],{"id":163,"title":164,"slug":165},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":55,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":59,"kind":60,"categories":174,"app":176},"407c580d-3303-4081-b437-4df2d06a180e","An interface for inviting users and selecting seat plans, featuring an illustration and plan details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1569cfd-c12d-4c6a-9173-57c016035181.png",1021,998,[175],{"id":114,"title":115,"slug":116},{"slug":31,"title":30,"logo":33,"categories":177},[],{"uuid":179,"title":55,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":59,"kind":60,"categories":184,"app":189},"199f08ee-fad8-4849-b868-6eabbcbdae13","A user interface element for importing data from a CSV file, featuring an upload button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F91625f8c-28ca-4368-9e35-9044d7568a15.png",652,305,[185],{"id":186,"title":187,"slug":188},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":190},[],{"uuid":192,"title":55,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":59,"kind":60,"categories":197,"app":199},"8d41cf59-f1c1-4d04-b8a1-7fd4fbbe1c68","A dropdown menu displaying different modes for form or quiz creation, each with an icon and description.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c484b9f-8b0f-4239-997d-42cab04488ac.png",640,713,[198],{"id":63,"title":64,"slug":65},{"slug":31,"title":30,"logo":33,"categories":200},[],[],[203,206,209,212,215,218],{"label":204,"to":205},"Typeform product screens","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fscreens",{"label":207,"to":208},"Typeform marketing pages","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fmarketing",{"label":210,"to":211},"Typeform user flows","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fflows",{"label":213,"to":214},"Surveys app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsurveys",{"label":216,"to":217},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":219,"to":220},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":222,"updated_at":223},"2016-09-07T08:30:24.000Z","2026-09-13T13:02:39.000Z"]