[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvolta\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":206,"links":207,"dates":241},"\u002Fexamples\u002Fapps\u002Fvolta\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Volta UI components examples - Nicelydone","Browse Volta UI component design examples. Preview individual interface elements and explore related component categories. Supercharged GitHub experience","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff58a2c60-9f9f-428a-8fde-c4c5db264194.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},"Volta design examples","\u002Fexamples\u002Fapps\u002Fvolta",{"label":23,"to":4},"Volta 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},"Volta","volta","Supercharged GitHub experience","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvolta-01268ef2.png","https:\u002F\u002Fvolta.net","volta_net",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",[45,60,75,85,98,108,123,134,149,164,179,194],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"f58a2c60-9f9f-428a-8fde-c4c5db264194","Code snippet block","A dark-themed code block displaying a short TypeScript snippet with syntax highlighting.",2006,368,"Code snippet block from Volta","component",[54],{"id":55,"title":56,"slug":57},187,"Code block","code-block",{"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},"6e98aba1-d7a4-4925-a068-d3f692dab206","Theme settings row","A settings row for selecting the interface theme, featuring an icon, title, description, and a dropdown select menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e98aba1-d7a4-4925-a068-d3f692dab206.png",2074,324,"Theme settings row from Volta",[69],{"id":70,"title":71,"slug":72},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":74},[],{"uuid":76,"title":77,"description":63,"canonical_path":4,"image":78,"width":79,"height":66,"image_alt":80,"kind":52,"categories":81,"app":83},"16f2d2aa-0048-4eb2-b833-6ef6467fd175","Theme setting row","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16f2d2aa-0048-4eb2-b833-6ef6467fd175.png",2076,"Theme setting row from Volta",[82],{"id":70,"title":71,"slug":72},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":79,"height":66,"image_alt":90,"kind":52,"categories":91,"app":96},"84faef6c-69fe-40a4-8f78-05af703dd247","Settings toggle row","A settings row containing an icon, a title, a description, and a toggle switch in the active state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84faef6c-69fe-40a4-8f78-05af703dd247.png","Settings toggle row from Volta",[92],{"id":93,"title":94,"slug":95},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":87,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":90,"kind":52,"categories":104,"app":106},"a0daada1-25eb-42f8-a2cb-3cda6dc2006f","A settings row with an icon, title, description, and a toggle switch to enable or disable a feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa0daada1-25eb-42f8-a2cb-3cda6dc2006f.png",2075,323,[105],{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":113,"height":114,"image_alt":115,"kind":52,"categories":116,"app":121},"6e04c859-1a63-41e7-b0a5-8db35e308283","Column visibility dropdown","A dropdown menu allowing users to toggle the visibility of different columns on a Kanban board. It lists various issue statuses with corresponding icons, counts, and checkmarks indicating active columns.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e04c859-1a63-41e7-b0a5-8db35e308283.png",626,770,"Column visibility dropdown from Volta",[117],{"id":118,"title":119,"slug":120},195,"Input multi-select","input-multi-select",{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":4,"image":127,"width":128,"height":114,"image_alt":129,"kind":52,"categories":130,"app":132},"0226b758-6bf5-4b0e-a32b-01de02ac247c","Volta UI component","A dropdown menu with a list of options and their respective counts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0226b758-6bf5-4b0e-a32b-01de02ac247c.png",622,"UI component from Volta",[131],{"id":118,"title":119,"slug":120},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":141,"kind":52,"categories":142,"app":147},"44646296-e209-4b7d-943c-9ab46dee9de9","Notification settings dropdown","A dropdown menu for selecting notification preferences, showing options like Engage, Watch, Ignore, and Custom, with 'Watch' currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F44646296-e209-4b7d-943c-9ab46dee9de9.png",560,671,"Notification settings dropdown from Volta",[143],{"id":144,"title":145,"slug":146},190,"Dropdown menu","dropdown-menu",{"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":52,"categories":157,"app":162},"78dde41c-ca2d-4795-becb-f7c664eabca1","Underlined Tabs","A horizontal tab navigation component with two options: Activity and Members. The Members tab is currently active, indicated by blue text and a blue underline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F78dde41c-ca2d-4795-becb-f7c664eabca1.png",487,184,"Underlined Tabs from Volta",[158],{"id":159,"title":160,"slug":161},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":171,"kind":52,"categories":172,"app":177},"358ca6ba-98d2-41d9-83e7-9cffdfb637a7","Status Select Dropdown","An open dropdown menu for selecting an issue status. It includes a search input and a list of status options with corresponding icons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F358ca6ba-98d2-41d9-83e7-9cffdfb637a7.png",684,650,"Status Select Dropdown from Volta",[173],{"id":174,"title":175,"slug":176},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":186,"kind":52,"categories":187,"app":192},"a8f709ca-044e-4fac-ac83-93f8fdb7118e","Action toolbar","A horizontal row of action buttons, including a sidebar toggle, watch settings, view options, and a primary button to create a new issue.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa8f709ca-044e-4fac-ac83-93f8fdb7118e.png",822,192,"Action toolbar from Volta",[188],{"id":189,"title":190,"slug":191},277,"Button group","button-group",{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":201,"kind":52,"categories":202,"app":204},"3bcaf46f-4c80-4f24-85bf-17d7f4441bbd","User profile dropdown menu","A dropdown menu triggered by a user avatar, displaying options for profile, settings, shortcuts, downloading the app, installing with GitHub, and logging out.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3bcaf46f-4c80-4f24-85bf-17d7f4441bbd.png",608,686,"User profile dropdown menu from Volta",[203],{"id":144,"title":145,"slug":146},{"slug":30,"title":29,"logo":32,"categories":205},[],[],[208,211,214,217,220,223,225,229,233,237],{"label":209,"to":210},"Volta product screens","\u002Fexamples\u002Fapps\u002Fvolta\u002Fscreens",{"label":212,"to":213},"Volta marketing pages","\u002Fexamples\u002Fapps\u002Fvolta\u002Fmarketing",{"label":215,"to":216},"Volta user flows","\u002Fexamples\u002Fapps\u002Fvolta\u002Fflows",{"label":218,"to":219},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":221,"to":222},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":224,"to":18},"All SaaS app examples",{"label":226,"to":227,"description":228},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":230,"to":231,"description":232},"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":234,"to":235,"description":236},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":238,"to":239,"description":240},"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":242,"updated_at":243},"2023-02-03T07:49:09.000Z","2026-09-13T13:02:39.000Z"]