[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftally\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":207,"links":208,"dates":224},"\u002Fexamples\u002Fapps\u002Ftally\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Tally UI components examples - Nicelydone","Browse Tally UI component design examples. Preview individual interface elements and explore related component categories. Free Online Form Builder","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0c035784-3ebe-49d0-99bd-d55207ed759f.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},"Tally design examples","\u002Fexamples\u002Fapps\u002Ftally",{"label":23,"to":4},"Tally 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":34,"categories":35},"Tally","tally","Free Online Form Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftally-544c9d50.png","https:\u002F\u002Ftally.so","TallyForms",[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,105,120,132,142,154,168,181,196],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"0c035784-3ebe-49d0-99bd-d55207ed759f","Billing cycle toggle","A radio group styled as stacked cards for selecting between monthly and annual billing options.",1166,647,"Billing cycle toggle from Tally","component",[54],{"id":55,"title":56,"slug":57},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"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},"25280186-3ffd-45e2-88b1-0086ed791e70","Email input field with inline action","A read-only email input field displaying the current email address, accompanied by an inline 'Change email' action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F25280186-3ffd-45e2-88b1-0086ed791e70.png",1784,388,"Email input field with inline action from Tally",[69],{"id":70,"title":71,"slug":72},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"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},"affcb1e4-a0ac-4fb6-aa55-ce566e37049f","Settings Tabs","A horizontal tab navigation component with two options: 'My account' and 'Notifications'. The 'My account' tab is currently active, indicated by a dark underline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faffcb1e4-a0ac-4fb6-aa55-ce566e37049f.png",597,184,"Settings Tabs from Tally",[84],{"id":85,"title":86,"slug":87},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"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":103},"8ddcfd9f-50cf-446f-bc56-06883007a241","Tally UI component","A dropdown menu with actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8ddcfd9f-50cf-446f-bc56-06883007a241.png",592,464,"UI component from Tally",[99],{"id":100,"title":101,"slug":102},190,"Dropdown menu","dropdown-menu",{"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":52,"categories":113,"app":118},"dbeb0013-04dd-4896-8032-eacc6da78309","Avatar Group","A small overlapping avatar group containing an add button and a user avatar with initials.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbeb0013-04dd-4896-8032-eacc6da78309.png",252,192,"Avatar Group from Tally",[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":52,"categories":128,"app":130},"fcba5e77-5c44-42df-8dd6-2750baf6419f","Workspace dropdown menu","A dropdown menu showing workspace navigation and settings options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffcba5e77-5c44-42df-8dd6-2750baf6419f.png",580,539,"Workspace dropdown menu from Tally",[129],{"id":100,"title":101,"slug":102},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":92,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":97,"kind":52,"categories":138,"app":140},"1a612761-24c5-4d77-9b98-38b1ce9c86a2","A user profile card with a circular avatar and name and email","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1a612761-24c5-4d77-9b98-38b1ce9c86a2.png",586,224,[139],{"id":115,"title":116,"slug":117},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":144,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":149,"kind":52,"categories":150,"app":152},"95a8fda0-4e22-4552-b4dd-f282e47b3008","Theme selector toggle group","A horizontal row of three large, square toggle buttons for selecting a theme: Light, Dark, and Custom. The Custom option is currently selected, indicated by a blue border and blue text\u002Ficon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F95a8fda0-4e22-4552-b4dd-f282e47b3008.png",663,278,"Theme selector toggle group from Tally",[151],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":100,"height":159,"image_alt":160,"kind":52,"categories":161,"app":166},"f0cb5d50-95a2-4282-99bc-1cc2aa0ecc73","Pro badge","A small, rounded badge indicating a 'Pro' feature or status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff0cb5d50-95a2-4282-99bc-1cc2aa0ecc73.png",161,"Pro badge from Tally",[162],{"id":163,"title":164,"slug":165},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":92,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":97,"kind":52,"categories":174,"app":179},"703632b2-68dc-4d4c-a23f-fa86c525b5ab","A color picker component with a label and a color preview.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F703632b2-68dc-4d4c-a23f-fa86c525b5ab.png",661,211,[175],{"id":176,"title":177,"slug":178},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":188,"kind":52,"categories":189,"app":194},"558f278a-2399-493e-9f38-096da7c41a62","Design settings drawer","A right-side drawer panel for configuring form design settings, including theme selection, font choice, and custom CSS.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F558f278a-2399-493e-9f38-096da7c41a62.png",596,1616,"Design settings drawer from Tally",[190],{"id":191,"title":192,"slug":193},220,"Drawer","side-sheet-drawer",{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":198,"description":199,"canonical_path":4,"image":200,"width":201,"height":176,"image_alt":202,"kind":52,"categories":203,"app":205},"7ca29f8f-1f3b-44a7-ab1d-45be5aa4559c","Upload method tabs","A simple two-tab navigation component allowing users to switch between 'Upload' and 'Link' methods. The 'Upload' tab is currently active, indicated by a dark underline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7ca29f8f-1f3b-44a7-ab1d-45be5aa4559c.png",400,"Upload method tabs from Tally",[204],{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":206},[],[],[209,212,215,218,221],{"label":210,"to":211},"Tally product screens","\u002Fexamples\u002Fapps\u002Ftally\u002Fscreens",{"label":213,"to":214},"Tally marketing pages","\u002Fexamples\u002Fapps\u002Ftally\u002Fmarketing",{"label":216,"to":217},"Tally user flows","\u002Fexamples\u002Fapps\u002Ftally\u002Fflows",{"label":219,"to":220},"Surveys app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsurveys",{"label":222,"to":223},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":225,"updated_at":226},"2022-10-22T15:16:53.000Z","2026-09-13T13:02:39.000Z"]