[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fvolta":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":389,"dates":422},"\u002Fexamples\u002Fapps\u002Fvolta","detail","apps",true,{"title":9,"description":10,"og_image":11},"Volta design examples - Nicelydone","Explore Volta UI design examples. Supercharged GitHub experience","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b5fa19c-fc57-4f7b-b3ad-d45a1a8b63c8.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Volta design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Volta",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fvolta\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fvolta\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fvolta\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fvolta\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Volta","volta","Supercharged GitHub experience","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvolta-01268ef2.png","https:\u002F\u002Fvolta.net","volta_net",[48,52],{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",{"id":53,"title":54,"slug":55},7,"Web Development","web-development",[],[58,380,383,386],{"family":59,"examples":60},"screens",[61,96,119,152,179,201,223,259,281,307,330,358],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":85,"app":94},"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",[70,78],{"id":71,"label":72,"slug":73,"rank":74,"group":75},77,"Welcome","welcome",0,{"id":53,"label":76,"slug":77},"Onboarding & Education","onboarding-and-education",{"id":79,"label":80,"slug":81,"rank":79,"group":82},1,"Account Setup","account-setup",{"id":79,"label":83,"slug":84},"Access & Account","access-and-account",[86,90],{"id":87,"title":88,"slug":89},227,"Stepper","stepper",{"id":91,"title":92,"slug":93},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":95},[],{"uuid":97,"title":63,"description":98,"canonical_path":29,"image":99,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":100,"component_categories":114,"app":117},"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",[101,106,111],{"id":102,"label":103,"slug":104,"rank":74,"group":105},75,"Setup Wizard","setup-wizard",{"id":53,"label":76,"slug":77},{"id":107,"label":108,"slug":109,"rank":79,"group":110},72,"Getting Started","getting-started",{"id":53,"label":76,"slug":77},{"id":79,"label":80,"slug":81,"rank":112,"group":113},2,{"id":79,"label":83,"slug":84},[115,116],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":118},[],{"uuid":120,"title":63,"description":121,"canonical_path":29,"image":122,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":123,"component_categories":147,"app":150},"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",[124,129,136,138],{"id":125,"label":126,"slug":127,"rank":74,"group":128},74,"Onboarding Checklist","onboarding-checklist",{"id":53,"label":76,"slug":77},{"id":130,"label":131,"slug":132,"rank":79,"group":133},15,"Import & Export","import-and-export",{"id":112,"label":134,"slug":135},"Actions","actions",{"id":102,"label":103,"slug":104,"rank":112,"group":137},{"id":53,"label":76,"slug":77},{"id":139,"label":140,"slug":141,"rank":142,"group":143},119,"Info","info",3,{"id":144,"label":145,"slug":146},12,"States & Feedback","states-and-feedback",[148,149],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":151},[],{"uuid":153,"title":63,"description":154,"canonical_path":29,"image":155,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":156,"component_categories":170,"app":177},"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",[157,162],{"id":158,"label":159,"slug":160,"rank":74,"group":161},115,"Empty State","empty-state",{"id":144,"label":145,"slug":146},{"id":163,"label":164,"slug":165,"rank":79,"group":166},99,"Notification Settings","notification-settings",{"id":167,"label":168,"slug":169},10,"Settings & Admin","settings-and-admin",[171,172,176],{"id":87,"title":88,"slug":89},{"id":173,"title":174,"slug":175},174,"Card","card",{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":178},[],{"uuid":180,"title":63,"description":181,"canonical_path":29,"image":182,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":183,"component_categories":196,"app":199},"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",[184,192,194],{"id":185,"label":186,"slug":187,"rank":74,"group":188},63,"Command Palette","command-palette",{"id":189,"label":190,"slug":191},6,"Navigation & Commands","navigation-and-commands",{"id":107,"label":108,"slug":109,"rank":79,"group":193},{"id":53,"label":76,"slug":77},{"id":71,"label":72,"slug":73,"rank":112,"group":195},{"id":53,"label":76,"slug":77},[197,198],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":200},[],{"uuid":202,"title":63,"description":203,"canonical_path":29,"image":204,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":205,"component_categories":217,"app":221},"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",[206,208,210,212],{"id":71,"label":72,"slug":73,"rank":74,"group":207},{"id":53,"label":76,"slug":77},{"id":107,"label":108,"slug":109,"rank":79,"group":209},{"id":53,"label":76,"slug":77},{"id":185,"label":186,"slug":187,"rank":112,"group":211},{"id":189,"label":190,"slug":191},{"id":213,"label":214,"slug":215,"rank":142,"group":216},68,"Shortcuts","shortcuts",{"id":189,"label":190,"slug":191},[218,219,220],{"id":87,"title":88,"slug":89},{"id":173,"title":174,"slug":175},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":29,"image":227,"width":65,"height":66,"image_alt":228,"kind":68,"patterns":229,"component_categories":247,"app":257},"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",[230,238,240,245],{"id":231,"label":232,"slug":233,"rank":74,"group":234},110,"Notifications","notifications",{"id":235,"label":236,"slug":237},11,"Social & Collaboration","social-and-collaboration",{"id":71,"label":72,"slug":73,"rank":79,"group":239},{"id":53,"label":76,"slug":77},{"id":241,"label":242,"slug":243,"rank":112,"group":244},97,"Integrations","integrations",{"id":167,"label":168,"slug":169},{"id":79,"label":80,"slug":81,"rank":142,"group":246},{"id":79,"label":83,"slug":84},[248,252,256],{"id":249,"title":250,"slug":251},277,"Button group","button-group",{"id":253,"title":254,"slug":255},260,"Badge","badge",{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":258},[],{"uuid":260,"title":225,"description":261,"canonical_path":29,"image":262,"width":65,"height":66,"image_alt":228,"kind":68,"patterns":263,"component_categories":275,"app":279},"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",[264,266,268,270],{"id":231,"label":232,"slug":233,"rank":74,"group":265},{"id":235,"label":236,"slug":237},{"id":158,"label":159,"slug":160,"rank":79,"group":267},{"id":144,"label":145,"slug":146},{"id":241,"label":242,"slug":243,"rank":112,"group":269},{"id":167,"label":168,"slug":169},{"id":271,"label":272,"slug":273,"rank":142,"group":274},13,"Filter & Sort","filter-and-sort",{"id":112,"label":134,"slug":135},[276,277,278],{"id":249,"title":250,"slug":251},{"id":253,"title":254,"slug":255},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":280},[],{"uuid":282,"title":225,"description":283,"canonical_path":29,"image":284,"width":65,"height":66,"image_alt":228,"kind":68,"patterns":285,"component_categories":297,"app":305},"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",[286,288,290,295],{"id":231,"label":232,"slug":233,"rank":74,"group":287},{"id":235,"label":236,"slug":237},{"id":271,"label":272,"slug":273,"rank":79,"group":289},{"id":112,"label":134,"slug":135},{"id":291,"label":292,"slug":293,"rank":112,"group":294},9,"Delete","delete",{"id":112,"label":134,"slug":135},{"id":71,"label":72,"slug":73,"rank":142,"group":296},{"id":53,"label":76,"slug":77},[298,302,303,304],{"id":299,"title":300,"slug":301},169,"Avatar","avatar",{"id":249,"title":250,"slug":251},{"id":253,"title":254,"slug":255},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":306},[],{"uuid":308,"title":225,"description":309,"canonical_path":29,"image":310,"width":65,"height":66,"image_alt":228,"kind":68,"patterns":311,"component_categories":324,"app":328},"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",[312,314,316],{"id":231,"label":232,"slug":233,"rank":74,"group":313},{"id":235,"label":236,"slug":237},{"id":130,"label":131,"slug":132,"rank":79,"group":315},{"id":112,"label":134,"slug":135},{"id":317,"label":318,"slug":319,"rank":112,"group":320},47,"Table","table",{"id":321,"label":322,"slug":323},4,"Data & Analysis","data-and-analysis",[325,326,327],{"id":249,"title":250,"slug":251},{"id":253,"title":254,"slug":255},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":329},[],{"uuid":331,"title":225,"description":332,"canonical_path":29,"image":333,"width":65,"height":66,"image_alt":228,"kind":68,"patterns":334,"component_categories":352,"app":356},"ac3bfaa7-b663-4e11-ba58-c2d335b07c01","Inbox view where the user manages GitHub repository sync notifications and can install new repositories.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac3bfaa7-b663-4e11-ba58-c2d335b07c01.png",[335,337,345,347],{"id":231,"label":232,"slug":233,"rank":74,"group":336},{"id":235,"label":236,"slug":237},{"id":338,"label":339,"slug":340,"rank":79,"group":341},81,"Home","home",{"id":342,"label":343,"slug":344},8,"Pages & Content","pages-and-content",{"id":271,"label":272,"slug":273,"rank":112,"group":346},{"id":112,"label":134,"slug":135},{"id":348,"label":349,"slug":350,"rank":142,"group":351},79,"Browse","browse",{"id":342,"label":343,"slug":344},[353,354,355],{"id":249,"title":250,"slug":251},{"id":253,"title":254,"slug":255},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":357},[],{"uuid":359,"title":225,"description":360,"canonical_path":29,"image":361,"width":65,"height":66,"image_alt":228,"kind":68,"patterns":362,"component_categories":374,"app":378},"0fb2ac81-c999-4e71-ada1-d203533b396f","Inbox view where the user reviews repository notifications and is prompted to install repositories in the detail pane.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0fb2ac81-c999-4e71-ada1-d203533b396f.png",[363,365,370,372],{"id":231,"label":232,"slug":233,"rank":74,"group":364},{"id":235,"label":236,"slug":237},{"id":366,"label":367,"slug":368,"rank":79,"group":369},23,"Select","select",{"id":112,"label":134,"slug":135},{"id":158,"label":159,"slug":160,"rank":112,"group":371},{"id":144,"label":145,"slug":146},{"id":271,"label":272,"slug":273,"rank":142,"group":373},{"id":112,"label":134,"slug":135},[375,376,377],{"id":249,"title":250,"slug":251},{"id":253,"title":254,"slug":255},{"id":91,"title":92,"slug":93},{"slug":42,"title":41,"logo":44,"categories":379},[],{"family":381,"examples":382},"flows",[],{"family":384,"examples":385},"components",[],{"family":387,"examples":388},"pages",[],[390,392,394,396,398,401,404,406,410,414,418],{"label":391,"to":29},"Volta product screens",{"label":393,"to":38},"Volta marketing pages",{"label":395,"to":32},"Volta user flows",{"label":397,"to":35},"Volta UI components",{"label":399,"to":400},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":402,"to":403},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":405,"to":18},"All SaaS app examples",{"label":407,"to":408,"description":409},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":411,"to":412,"description":413},"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":415,"to":416,"description":417},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":419,"to":420,"description":421},"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":423,"updated_at":424},"2023-02-03T07:49:09.000Z","2026-09-13T13:02:39.000Z"]