[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fformcarry\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":219,"links":220,"dates":257},"\u002Fexamples\u002Fapps\u002Fformcarry\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Formcarry UI components examples - Nicelydone","Browse Formcarry UI component design examples. Preview individual interface elements and explore related component categories. Best form endpoint - form backend","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe8dbf6dc-bdf4-4910-9367-748fdb283cf8.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},"Formcarry design examples","\u002Fexamples\u002Fapps\u002Fformcarry",{"label":23,"to":4},"Formcarry UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"Formcarry","formcarry","Best form endpoint - form backend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fformcarry-76127d8e.png","https:\u002F\u002Fformcarry.com",[35,39,43],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},69,"Surveys","surveys",[48,63,78,93,105,120,135,149,161,175,189,204],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"1b6a83e8-86e7-43b6-9b16-e306291e6dd0","Team management table","A table displaying team members, their roles, and statuses. It includes dropdowns to change roles and a button to remove users.",1666,588,"Team management table from Formcarry","component",[57],{"id":58,"title":59,"slug":60},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":65,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":70,"kind":55,"categories":71,"app":76},"2fec154b-f78d-4ceb-b437-b2fe176b150a","Integration card with copyable key","A card displaying an integration with Zapier, including its logo, name, website, a brief description, and a copyable API key or token.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba662a4d-2b7f-4c1a-8740-447f360932dd.png",962,523,"Integration card with copyable key from Formcarry",[72],{"id":73,"title":74,"slug":75},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":85,"kind":55,"categories":86,"app":91},"bb98caba-d8be-4b69-8f2d-42f63755cdaa","Submissions KPI Chart","A KPI tile displaying a total submissions count alongside a line chart showing submissions over time. The chart currently shows zero submissions across all dates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F93a474cc-3621-4a62-9f7e-7871a4333ac1.png",1751,600,"Submissions KPI Chart from Formcarry",[87],{"id":88,"title":89,"slug":90},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":100,"kind":55,"categories":101,"app":103},"773b62f2-6439-4393-b693-e0483311264c","Submission Limit Gauge","A gauge chart displaying the current usage against a submission limit. It shows 0 out of 50 used, with a 0% used label and an empty semi-circular gauge.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F44c26206-c7a8-4b92-9ea7-0333eb48d9d4.png",444,500,"Submission Limit Gauge from Formcarry",[102],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":55,"categories":113,"app":118},"d65f1027-2785-4ded-8de2-62d4fb0fde03","Welcome Header","A welcome header featuring an overlapping avatar group and a personalized greeting with a subtitle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F829b39dc-b0ee-4bef-b3e1-10b844991156.png",857,236,"Welcome Header from Formcarry",[114],{"id":115,"title":116,"slug":117},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":127,"kind":55,"categories":128,"app":133},"13541558-827a-4d7f-90d3-7327a1e1299f","File upload dropzone","A drag-and-drop file upload area with a dashed border, label, and helper text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Febf082d8-6767-4dc4-b758-fbea1f62a128.png",816,339,"File upload dropzone from Formcarry",[129],{"id":130,"title":131,"slug":132},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":55,"categories":143,"app":147},"f612fcd3-118e-4a8c-97d8-588be945d218","Settings toggle row","A settings row with an icon, title, description, a 'PRO' badge, a toggle switch, and an edit button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F97203ebc-672d-425f-a2a9-a85bbd8c72b3.png",2603,363,"Settings toggle row from Formcarry",[144],{"id":111,"title":145,"slug":146},"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":156,"kind":55,"categories":157,"app":159},"10cac381-423a-4030-9cc9-ceb332d2c887","Enable Form Switch","A toggle switch component used to enable or disable a form, accompanied by a label and a descriptive helper text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc41e53d1-ef16-4db0-a878-cf12fb3c6d76.png",1160,334,"Enable Form Switch from Formcarry",[158],{"id":111,"title":145,"slug":146},{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":4,"image":165,"width":166,"height":115,"image_alt":167,"kind":55,"categories":168,"app":173},"1d7f6ffc-b218-4f52-875c-674b05d3bc54","Pro Badge","A small pill-shaped badge indicating a 'PRO' status or feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fda950446-44db-454f-8bae-cd68e02f842f.png",217,"Pro Badge from Formcarry",[169],{"id":170,"title":171,"slug":172},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":182,"kind":55,"categories":183,"app":187},"a6444976-ab09-44ca-a89e-9cef78a5fa85","Code block","A code block displaying HTML input fields with syntax highlighting and a copy button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbc38fc6f-c708-4a78-a402-faad2577a87d.png",2152,584,"Code block from Formcarry",[184],{"id":185,"title":177,"slug":186},187,"code-block",{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":191,"description":192,"canonical_path":4,"image":193,"width":194,"height":195,"image_alt":196,"kind":55,"categories":197,"app":202},"9e020749-29d0-4034-9884-0172eb25faa2","Setup Instructions Stepper","A vertical stepper providing three steps to set up a form endpoint. Steps 1 and 2 include code snippets with copy buttons. Step 3 includes a primary action button to create a live demo.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe913d2fa-7b61-43e9-976e-dddce99ea4c0.png",2303,1430,"Setup Instructions Stepper from Formcarry",[198],{"id":199,"title":200,"slug":201},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":206,"description":207,"canonical_path":4,"image":208,"width":209,"height":210,"image_alt":211,"kind":55,"categories":212,"app":217},"e8615585-989c-4f42-9975-226124907fae","Horizontal segmented tabs","A horizontal tab navigation bar with four options. The first option is currently selected, indicated by a white background and blue text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F526eeca4-2725-45af-8408-d9d40525280f.png",2672,342,"Horizontal segmented tabs from Formcarry",[213],{"id":214,"title":215,"slug":216},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":218},[],[],[221,224,227,230,233,236,239,241,245,249,253],{"label":222,"to":223},"Formcarry product screens","\u002Fexamples\u002Fapps\u002Fformcarry\u002Fscreens",{"label":225,"to":226},"Formcarry marketing pages","\u002Fexamples\u002Fapps\u002Fformcarry\u002Fmarketing",{"label":228,"to":229},"Formcarry user flows","\u002Fexamples\u002Fapps\u002Fformcarry\u002Fflows",{"label":231,"to":232},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":234,"to":235},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":237,"to":238},"Surveys app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsurveys",{"label":240,"to":18},"All SaaS app examples",{"label":242,"to":243,"description":244},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":246,"to":247,"description":248},"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":250,"to":251,"description":252},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":254,"to":255,"description":256},"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":258,"updated_at":259},"2023-04-23T20:19:36.000Z","2026-09-13T13:02:39.000Z"]