[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frivyt\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":253,"links":254,"dates":312},"\u002Fexamples\u002Fapps\u002Frivyt\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Rivyt product screens examples - Nicelydone","Browse Rivyt screen design examples. Preview the interface screenshots and explore related UI patterns. Websites for YouTube","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frivyt_sign-in_90508b08_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Rivyt design examples","\u002Fexamples\u002Fapps\u002Frivyt",{"label":23,"to":4},"Rivyt 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,"categories":34},"Rivyt","rivyt","Websites for YouTube","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frivyt-b395433a.png","https:\u002F\u002Frivyt.com",[35,39],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},8,"Design","design",[44,69,100,134,178,200,229],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"0b061879-e7a3-467a-8e9c-1afb900602ee","Sign in","Sign-in screen where the user authenticates with their Rivyt ID and password to manage their site.",2880,1526,"Sign in from Rivyt","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":92,"app":98},"9a6149f2-a757-4d3f-b949-26e425623835","Sign up","Onboarding screen where the user enters their YouTube channel URL, chooses a custom site ID, and provides their email to create a new site.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frivyt_sign-up_602df8fd_nicelydone.jpg","Sign up from Rivyt",[76,81,88],{"id":77,"label":78,"slug":79,"rank":57,"group":80},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":36,"label":82,"slug":83,"rank":59,"group":84},"Add & Create","add-and-create",{"id":85,"label":86,"slug":87},2,"Actions","actions",{"id":59,"label":89,"slug":90,"rank":85,"group":91},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[93,97],{"id":94,"title":95,"slug":96},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":4,"image":104,"width":48,"height":105,"image_alt":106,"kind":51,"patterns":107,"component_categories":129,"app":132},"62b07ffb-83b7-47e6-8c29-bcdfc99946d0","Select plan","Payment modal where the user selects a billing cycle and enters their credit card details to subscribe.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frivyt_select-plan_6ff0d53c_nicelydone.jpg",1602,"Select plan from Rivyt",[108,116,121],{"id":109,"label":110,"slug":111,"rank":57,"group":112},130,"Checkout","checkout",{"id":113,"label":114,"slug":115},14,"Payments & Checkout","payments-and-checkout",{"id":117,"label":118,"slug":119,"rank":59,"group":120},131,"Payment Form","payment-form",{"id":113,"label":114,"slug":115},{"id":122,"label":123,"slug":124,"rank":85,"group":125},89,"Pricing","pricing",{"id":126,"label":127,"slug":128},9,"Plans & Limits","plans-and-limits",[130,131],{"id":94,"title":95,"slug":96},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":48,"height":139,"image_alt":140,"kind":51,"patterns":141,"component_categories":170,"app":176},"503ca991-74e3-494a-ba8c-e931a2f580a8","Home","Design editor where the user previews their video website and accesses sidebar controls to add content, edit branding, and configure settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frivyt_home_fa96e36d_nicelydone.jpg",1530,"Home from Rivyt",[142,149,156,164],{"id":143,"label":144,"slug":145,"rank":57,"group":146},55,"Design Editor","design-editor",{"id":77,"label":147,"slug":148},"Media & Tools","media-and-tools",{"id":150,"label":151,"slug":152,"rank":59,"group":153},82,"Media Detail","media-detail",{"id":40,"label":154,"slug":155},"Pages & Content","pages-and-content",{"id":157,"label":158,"slug":159,"rank":85,"group":160},102,"Settings","settings",{"id":161,"label":162,"slug":163},10,"Settings & Admin","settings-and-admin",{"id":165,"label":166,"slug":167,"rank":168,"group":169},91,"Trial","trial",3,{"id":126,"label":127,"slug":128},[171,175],{"id":172,"title":173,"slug":174},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":4,"image":182,"width":48,"height":139,"image_alt":183,"kind":51,"patterns":184,"component_categories":192,"app":198},"124e6b5d-e642-4aa4-9383-659ea97b2c7b","Website settings","Settings page where the user configures site status, YouTube integration, and a custom domain while viewing a live preview of the site.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frivyt_website-settings_e6a680b6_nicelydone.jpg","Website settings from Rivyt",[185,187],{"id":157,"label":158,"slug":159,"rank":57,"group":186},{"id":161,"label":162,"slug":163},{"id":188,"label":189,"slug":190,"rank":59,"group":191},58,"Media Editor","media-editor",{"id":77,"label":147,"slug":148},[193,197],{"id":194,"title":195,"slug":196},177,"Breadcrumb","breadcrumb",{"id":172,"title":173,"slug":174},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":48,"height":139,"image_alt":205,"kind":51,"patterns":206,"component_categories":213,"app":227},"72167e3e-f6d9-45b1-aed0-3b2464b8a872","Appearance options","Settings page where the user previews and selects a design theme for their video player, currently viewing the Channelize layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frivyt_appearance-options_d76a3d1c_nicelydone.jpg","Appearance options from Rivyt",[207,209,211],{"id":157,"label":158,"slug":159,"rank":57,"group":208},{"id":161,"label":162,"slug":163},{"id":188,"label":189,"slug":190,"rank":59,"group":210},{"id":77,"label":147,"slug":148},{"id":143,"label":144,"slug":145,"rank":85,"group":212},{"id":77,"label":147,"slug":148},[214,218,222,226],{"id":215,"title":216,"slug":217},260,"Badge","badge",{"id":219,"title":220,"slug":221},233,"Tabs","tabs",{"id":223,"title":224,"slug":225},174,"Card","card",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":4,"image":233,"width":48,"height":234,"image_alt":235,"kind":51,"patterns":236,"component_categories":249,"app":251},"6662dcdb-a83d-4569-b613-fdeecc939ff8","Account settings","Full-screen settings overlay where the user can upgrade their active 14-day trial and update their email address or password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Frivyt_account-settings_6fcbbce5_nicelydone.jpg",2348,"Account settings from Rivyt",[237,242,244],{"id":238,"label":239,"slug":240,"rank":57,"group":241},94,"Account Settings","account-settings",{"id":161,"label":162,"slug":163},{"id":165,"label":166,"slug":167,"rank":59,"group":243},{"id":126,"label":127,"slug":128},{"id":245,"label":246,"slug":247,"rank":85,"group":248},96,"Billing Settings","billing-settings",{"id":161,"label":162,"slug":163},[250],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":252},[],[],[255,257,259,261,263,265,267,269,271,273,275,277,279,282,285,288,291,294,296,300,304,308],{"label":158,"to":256},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":144,"to":258},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":189,"to":260},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":166,"to":262},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":239,"to":264},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":89,"to":266},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":82,"to":268},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":246,"to":270},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":110,"to":272},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":151,"to":274},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":118,"to":276},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":123,"to":278},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":280,"to":281},"Rivyt marketing pages","\u002Fexamples\u002Fapps\u002Frivyt\u002Fmarketing",{"label":283,"to":284},"Rivyt user flows","\u002Fexamples\u002Fapps\u002Frivyt\u002Fflows",{"label":286,"to":287},"Rivyt UI components","\u002Fexamples\u002Fapps\u002Frivyt\u002Fcomponents",{"label":289,"to":290},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":292,"to":293},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":295,"to":18},"All SaaS app examples",{"label":297,"to":298,"description":299},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":301,"to":302,"description":303},"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":305,"to":306,"description":307},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":309,"to":310,"description":311},"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":313,"updated_at":314},"2017-09-24T14:50:00.000Z","2026-09-13T13:02:39.000Z"]