[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fquestionscout\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":219,"links":220,"dates":254},"\u002Fexamples\u002Fapps\u002Fquestionscout\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"QuestionScout UI components examples - Nicelydone","Browse QuestionScout UI component design examples. Preview individual interface elements and explore related component categories. Forms and surveys that…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F012537df-b5b7-4c9d-b226-a07d24343ff0.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},"QuestionScout design examples","\u002Fexamples\u002Fapps\u002Fquestionscout",{"label":23,"to":4},"QuestionScout UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse QuestionScout UI component design examples. Preview individual interface elements and explore related component categories. Forms and surveys that your customers will love",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"QuestionScout","questionscout","Forms and surveys that your customers will love","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fquestionscout-ee87eafe.png","https:\u002F\u002Fwww.questionscout.com\u002F",[36,40],{"id":37,"title":38,"slug":39},69,"Surveys","surveys",{"id":41,"title":42,"slug":43},96,"No code","no-code",[45,60,75,90,102,117,132,147,162,177,192,204],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"9ae21d1e-0627-4d2e-8f60-fffe4481aea5","Hero Section with Topbar and Header","A landing page hero section featuring a top utility bar, a main navigation header, a large headline, a subheadline, a primary call-to-action button, and two illustrated characters connected by a string.",3024,1139,"Hero Section with Topbar and Header from QuestionScout","component",[54],{"id":55,"title":56,"slug":57},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"42f3190b-26db-4103-9d87-7c39906895ba","Authentication code input","A single text input field designed to accept a 6-digit authentication code, accompanied by instructional text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feb5c6a5c-4354-4dbc-8d26-312ed1da04cd.png",636,272,"Authentication code input from QuestionScout",[69],{"id":70,"title":71,"slug":72},288,"Input code","input-code",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"93318720-99ce-4a45-88de-0d391ea79c49","Availability Settings Popover","A popover menu for managing form availability settings, including respondent limits, open\u002Fclose status, and custom closed messages.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff0602e21-c1b6-403c-b16f-487e7b17469b.png",1126,1220,"Availability Settings Popover from QuestionScout",[84],{"id":85,"title":86,"slug":87},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":97,"kind":52,"categories":98,"app":100},"c06473a1-e026-4e31-93f0-2c9532e5d320","QuestionScout UI component","A modal for exporting responses in different formats.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F636b36d0-4be0-40cc-981f-15212af4f7c3.png",963,528,"UI component from QuestionScout",[99],{"id":85,"title":86,"slug":87},{"slug":31,"title":30,"logo":33,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":109,"kind":52,"categories":110,"app":115},"b4b03389-afb7-4adf-835d-cdf9e69db5ef","Filter Popover","A popover menu for configuring response filters. It includes a title, a row to define a filter condition with a column selector, an option to add more filters, and an 'Apply changes' button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcda63a4a-8e0b-4901-bd81-7b6124948d7c.png",1377,536,"Filter Popover from QuestionScout",[111],{"id":112,"title":113,"slug":114},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":124,"kind":52,"categories":125,"app":130},"c2c409d1-94c1-4702-b0ad-811ea60b29c9","Feature paywall card","A card blocking access to a feature, indicating that a Pro plan is required and providing a link to compare billing plans.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fda7d874f-9f8b-41cf-a9bc-0262234a9e70.png",754,569,"Feature paywall card from QuestionScout",[126],{"id":127,"title":128,"slug":129},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":139,"kind":52,"categories":140,"app":145},"f5b1b718-ead2-4f1c-926e-b04222523394","Webhook logs toggle","A toggle switch to enable or disable webhook logs, accompanied by a title, a brief description of its function, and an empty state message indicating no webhooks have been sent yet.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F27003e69-d380-4539-b669-c595c7806148.png",1596,393,"Webhook logs toggle from QuestionScout",[141],{"id":142,"title":143,"slug":144},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":154,"kind":52,"categories":155,"app":160},"e35c9bdd-6709-4924-a948-1ec7fc22d6c0","Settings sidebar navigation","A vertical sidebar navigation menu for a settings modal, featuring user profile information, account settings links, and a sign-out option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F957406e3-ed9f-4bec-adb9-cbf0594264b8.png",470,1603,"Settings sidebar navigation from QuestionScout",[156],{"id":157,"title":158,"slug":159},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":169,"kind":52,"categories":170,"app":175},"4ff306b1-c236-4508-a3f1-6e43dd771110","Integration card","A card component displaying an integration option with a toggle switch, title, description, and category tags.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F05c00a07-f078-485c-ae49-1b7b04f6a2b8.png",1003,396,"Integration card from QuestionScout",[171],{"id":172,"title":173,"slug":174},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":179,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":184,"kind":52,"categories":185,"app":190},"d9bc621d-2590-4dcb-b0cc-eab61cc4e492","Embed style radio group","A radio group for selecting an embed style, featuring a title, description, and four options with icons, titles, and descriptions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0717b979-c45f-49a8-8735-cbe73e18c7a1.png",778,761,"Embed style radio group from QuestionScout",[186],{"id":187,"title":188,"slug":189},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":197,"height":198,"image_alt":199,"kind":52,"categories":200,"app":202},"319a2249-299a-4948-aff1-c2bf5ffcdc4e","Icon sidebar","A narrow vertical sidebar containing a back arrow, a divider, and a stack of icon-only navigation items. The third icon is highlighted with a background shape, indicating the active state. A small character illustration sits at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0906fbfd-a877-400b-bce4-bc3258cc2250.png",222,1788,"Icon sidebar from QuestionScout",[201],{"id":157,"title":158,"slug":159},{"slug":31,"title":30,"logo":33,"categories":203},[],{"uuid":205,"title":206,"description":207,"canonical_path":4,"image":208,"width":209,"height":210,"image_alt":211,"kind":52,"categories":212,"app":217},"8e8da8eb-4ab9-4ae2-a8f6-c53fbcb77ce2","Messaging Header and Tabs","A page header with a title, utility actions, and a horizontal tab navigation bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd05f920-d635-4dab-8cf4-776a838f0cd2.png",2056,392,"Messaging Header and Tabs from QuestionScout",[213],{"id":214,"title":215,"slug":216},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":218},[],[],[221,224,227,230,233,236,238,242,246,250],{"label":222,"to":223},"QuestionScout product screens","\u002Fexamples\u002Fapps\u002Fquestionscout\u002Fscreens",{"label":225,"to":226},"QuestionScout marketing pages","\u002Fexamples\u002Fapps\u002Fquestionscout\u002Fmarketing",{"label":228,"to":229},"QuestionScout user flows","\u002Fexamples\u002Fapps\u002Fquestionscout\u002Fflows",{"label":231,"to":232},"Surveys app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsurveys",{"label":234,"to":235},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":237,"to":18},"All SaaS app examples",{"label":239,"to":240,"description":241},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":243,"to":244,"description":245},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":247,"to":248,"description":249},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":251,"to":252,"description":253},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":255,"updated_at":256},"2024-05-16T16:31:28.000Z","2026-09-26T00:10:29.000Z"]