[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvolta\u002Fscreens":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":343,"links":344,"dates":402},"\u002Fexamples\u002Fapps\u002Fvolta\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Volta product screens examples - Nicelydone","Browse Volta screen design examples. Preview the interface screenshots and explore related UI patterns. Supercharged GitHub experience","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b5fa19c-fc57-4f7b-b3ad-d45a1a8b63c8.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 product screens 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,80,103,118,151,178,192,214,236,272,294,320],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":69,"app":78},"6b5fa19c-fc57-4f7b-b3ad-d45a1a8b63c8","Supercharged GitHub Experience · Volta","Onboarding step where the user is welcomed to Volta and prompted to begin setting up their account.",3024,1738,"Supercharged GitHub Experience · Volta from Volta","screen",[54,62],{"id":55,"label":56,"slug":57,"rank":58,"group":59},77,"Welcome","welcome",0,{"id":41,"label":60,"slug":61},"Onboarding & Education","onboarding-and-education",{"id":63,"label":64,"slug":65,"rank":63,"group":66},1,"Account Setup","account-setup",{"id":63,"label":67,"slug":68},"Access & Account","access-and-account",[70,74],{"id":71,"title":72,"slug":73},227,"Stepper","stepper",{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":47,"description":82,"canonical_path":4,"image":83,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":84,"component_categories":98,"app":101},"300d5e07-51fb-4a23-aa1f-10b670f29664","Onboarding step where the user chooses between a light and dark theme for their dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F300d5e07-51fb-4a23-aa1f-10b670f29664.png",[85,90,95],{"id":86,"label":87,"slug":88,"rank":58,"group":89},75,"Setup Wizard","setup-wizard",{"id":41,"label":60,"slug":61},{"id":91,"label":92,"slug":93,"rank":63,"group":94},72,"Getting Started","getting-started",{"id":41,"label":60,"slug":61},{"id":63,"label":64,"slug":65,"rank":96,"group":97},2,{"id":63,"label":67,"slug":68},[99,100],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":47,"description":82,"canonical_path":4,"image":105,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":106,"component_categories":113,"app":116},"cebbacab-8414-4df1-8daa-5efe92e28318","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcebbacab-8414-4df1-8daa-5efe92e28318.png",[107,109,111],{"id":86,"label":87,"slug":88,"rank":58,"group":108},{"id":41,"label":60,"slug":61},{"id":91,"label":92,"slug":93,"rank":63,"group":110},{"id":41,"label":60,"slug":61},{"id":55,"label":56,"slug":57,"rank":96,"group":112},{"id":41,"label":60,"slug":61},[114,115],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":47,"description":120,"canonical_path":4,"image":121,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":122,"component_categories":146,"app":149},"ae9882e1-10b5-4a77-bf8f-3b3bb6b26e2d","Onboarding step where the user installs a GitHub app to import repositories into their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae9882e1-10b5-4a77-bf8f-3b3bb6b26e2d.png",[123,128,135,137],{"id":124,"label":125,"slug":126,"rank":58,"group":127},74,"Onboarding Checklist","onboarding-checklist",{"id":41,"label":60,"slug":61},{"id":129,"label":130,"slug":131,"rank":63,"group":132},15,"Import & Export","import-and-export",{"id":96,"label":133,"slug":134},"Actions","actions",{"id":86,"label":87,"slug":88,"rank":96,"group":136},{"id":41,"label":60,"slug":61},{"id":138,"label":139,"slug":140,"rank":141,"group":142},119,"Info","info",3,{"id":143,"label":144,"slug":145},12,"States & Feedback","states-and-feedback",[147,148],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":47,"description":153,"canonical_path":4,"image":154,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":155,"component_categories":169,"app":176},"89a70b73-c258-4f33-983b-03f0bb8ebf64","Onboarding step where the user configures notification preferences for their repositories, currently showing an empty state because no repositories are imported.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89a70b73-c258-4f33-983b-03f0bb8ebf64.png",[156,161],{"id":157,"label":158,"slug":159,"rank":58,"group":160},115,"Empty State","empty-state",{"id":143,"label":144,"slug":145},{"id":162,"label":163,"slug":164,"rank":63,"group":165},99,"Notification Settings","notification-settings",{"id":166,"label":167,"slug":168},10,"Settings & Admin","settings-and-admin",[170,174,175],{"id":171,"title":172,"slug":173},174,"Card","card",{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":47,"description":180,"canonical_path":4,"image":181,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":182,"component_categories":187,"app":190},"e5155340-88f0-48e3-896d-63d6c9e3aee1","Onboarding step where the user finishes setup and is introduced to key features like the command menu and keyboard shortcuts before opening the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe5155340-88f0-48e3-896d-63d6c9e3aee1.png",[183,185],{"id":91,"label":92,"slug":93,"rank":58,"group":184},{"id":41,"label":60,"slug":61},{"id":55,"label":56,"slug":57,"rank":63,"group":186},{"id":41,"label":60,"slug":61},[188,189],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":47,"description":194,"canonical_path":4,"image":195,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":196,"component_categories":209,"app":212},"d13de187-be19-44bd-9d41-92ff9352ce8a","Onboarding step where the user is presented with a command palette to search for actions like installing with GitHub, toggling the theme, or viewing documentation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd13de187-be19-44bd-9d41-92ff9352ce8a.png",[197,205,207],{"id":198,"label":199,"slug":200,"rank":58,"group":201},63,"Command Palette","command-palette",{"id":202,"label":203,"slug":204},6,"Navigation & Commands","navigation-and-commands",{"id":91,"label":92,"slug":93,"rank":63,"group":206},{"id":41,"label":60,"slug":61},{"id":55,"label":56,"slug":57,"rank":96,"group":208},{"id":41,"label":60,"slug":61},[210,211],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":47,"description":216,"canonical_path":4,"image":217,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":218,"component_categories":230,"app":234},"194922f6-1781-4fae-a89f-8bb173c07ad2","Onboarding completion screen where the user is welcomed, shown a grid of feature highlights like the desktop app and command menu, and can search a drawer of keyboard shortcuts before opening the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F194922f6-1781-4fae-a89f-8bb173c07ad2.png",[219,221,223,225],{"id":55,"label":56,"slug":57,"rank":58,"group":220},{"id":41,"label":60,"slug":61},{"id":91,"label":92,"slug":93,"rank":63,"group":222},{"id":41,"label":60,"slug":61},{"id":198,"label":199,"slug":200,"rank":96,"group":224},{"id":202,"label":203,"slug":204},{"id":226,"label":227,"slug":228,"rank":141,"group":229},68,"Shortcuts","shortcuts",{"id":202,"label":203,"slug":204},[231,232,233],{"id":171,"title":172,"slug":173},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":235},[],{"uuid":237,"title":238,"description":239,"canonical_path":4,"image":240,"width":49,"height":50,"image_alt":241,"kind":52,"patterns":242,"component_categories":260,"app":270},"77e046bd-df70-4afe-b171-a924f144ab48","Inbox · Volta","Inbox view where the user reads a welcome notification and is prompted to connect their GitHub repositories.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77e046bd-df70-4afe-b171-a924f144ab48.png","Inbox · Volta from Volta",[243,251,253,258],{"id":244,"label":245,"slug":246,"rank":58,"group":247},110,"Notifications","notifications",{"id":248,"label":249,"slug":250},11,"Social & Collaboration","social-and-collaboration",{"id":55,"label":56,"slug":57,"rank":63,"group":252},{"id":41,"label":60,"slug":61},{"id":254,"label":255,"slug":256,"rank":96,"group":257},97,"Integrations","integrations",{"id":166,"label":167,"slug":168},{"id":63,"label":64,"slug":65,"rank":141,"group":259},{"id":63,"label":67,"slug":68},[261,265,269],{"id":262,"title":263,"slug":264},260,"Badge","badge",{"id":266,"title":267,"slug":268},277,"Button group","button-group",{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":271},[],{"uuid":273,"title":238,"description":274,"canonical_path":4,"image":275,"width":49,"height":50,"image_alt":241,"kind":52,"patterns":276,"component_categories":288,"app":292},"1fd3b44b-4304-4ffe-90cd-41d0ee70c585","Notification inbox where the user views recent alerts, with a detail pane showing a welcome message and a prompt to connect GitHub repositories.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1fd3b44b-4304-4ffe-90cd-41d0ee70c585.png",[277,279,281,283],{"id":244,"label":245,"slug":246,"rank":58,"group":278},{"id":248,"label":249,"slug":250},{"id":157,"label":158,"slug":159,"rank":63,"group":280},{"id":143,"label":144,"slug":145},{"id":254,"label":255,"slug":256,"rank":96,"group":282},{"id":166,"label":167,"slug":168},{"id":284,"label":285,"slug":286,"rank":141,"group":287},13,"Filter & Sort","filter-and-sort",{"id":96,"label":133,"slug":134},[289,290,291],{"id":262,"title":263,"slug":264},{"id":266,"title":267,"slug":268},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":293},[],{"uuid":295,"title":238,"description":296,"canonical_path":4,"image":297,"width":49,"height":50,"image_alt":241,"kind":52,"patterns":298,"component_categories":310,"app":318},"541da3f1-7c16-4708-8ea9-f17027506b31","Inbox view where the user manages notifications and is prompted to install GitHub repositories in the detail pane.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F541da3f1-7c16-4708-8ea9-f17027506b31.png",[299,301,303,308],{"id":244,"label":245,"slug":246,"rank":58,"group":300},{"id":248,"label":249,"slug":250},{"id":284,"label":285,"slug":286,"rank":63,"group":302},{"id":96,"label":133,"slug":134},{"id":304,"label":305,"slug":306,"rank":96,"group":307},9,"Delete","delete",{"id":96,"label":133,"slug":134},{"id":55,"label":56,"slug":57,"rank":141,"group":309},{"id":41,"label":60,"slug":61},[311,315,316,317],{"id":312,"title":313,"slug":314},169,"Avatar","avatar",{"id":266,"title":267,"slug":268},{"id":262,"title":263,"slug":264},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":319},[],{"uuid":321,"title":238,"description":322,"canonical_path":4,"image":323,"width":49,"height":50,"image_alt":241,"kind":52,"patterns":324,"component_categories":337,"app":341},"f59b15d3-5ef2-4817-8e1f-0815b7c0a6e8","Inbox view where the user manages GitHub repository notifications, featuring a master list of events and a detail pane prompting to install repositories.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff59b15d3-5ef2-4817-8e1f-0815b7c0a6e8.png",[325,327,329],{"id":244,"label":245,"slug":246,"rank":58,"group":326},{"id":248,"label":249,"slug":250},{"id":129,"label":130,"slug":131,"rank":63,"group":328},{"id":96,"label":133,"slug":134},{"id":330,"label":331,"slug":332,"rank":96,"group":333},47,"Table","table",{"id":334,"label":335,"slug":336},4,"Data & Analysis","data-and-analysis",[338,339,340],{"id":262,"title":263,"slug":264},{"id":266,"title":267,"slug":268},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":342},[],[],[345,347,349,351,353,355,357,359,361,363,365,367,369,372,375,378,381,384,386,390,394,398],{"label":56,"to":346},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":92,"to":348},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":245,"to":350},"\u002Fexamples\u002Fscreens\u002Fnotifications",{"label":64,"to":352},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":87,"to":354},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":199,"to":356},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":158,"to":358},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":285,"to":360},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":130,"to":362},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":255,"to":364},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":305,"to":366},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":139,"to":368},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":370,"to":371},"Volta marketing pages","\u002Fexamples\u002Fapps\u002Fvolta\u002Fmarketing",{"label":373,"to":374},"Volta user flows","\u002Fexamples\u002Fapps\u002Fvolta\u002Fflows",{"label":376,"to":377},"Volta UI components","\u002Fexamples\u002Fapps\u002Fvolta\u002Fcomponents",{"label":379,"to":380},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":382,"to":383},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":385,"to":18},"All SaaS app examples",{"label":387,"to":388,"description":389},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":391,"to":392,"description":393},"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":395,"to":396,"description":397},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":399,"to":400,"description":401},"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":403,"updated_at":404},"2023-02-03T07:49:09.000Z","2026-09-13T13:02:39.000Z"]