[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fspline\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":346,"links":347,"dates":408},"\u002Fexamples\u002Fapps\u002Fspline\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Spline product screens examples - Nicelydone","Browse Spline screen design examples. Preview the interface screenshots and explore related UI patterns. Design tool for 3D web experiences","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1bc06152-770a-4e20-b293-f8cb72edad55.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},"Spline design examples","\u002Fexamples\u002Fapps\u002Fspline",{"label":23,"to":4},"Spline 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},"Spline","spline","Design tool for 3D web experiences","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fspline-9d66cc4c.png","https:\u002F\u002Fspline.design","splinetool",[36,40,44],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,98,124,144,164,185,204,239,259,274,287,324],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":87,"app":96},"1bc06152-770a-4e20-b293-f8cb72edad55","iPhone 14 Pro · Spline","Design editor where the user manipulates a 3D iPhone model, manages layers, and configures camera settings.",3024,1738,"iPhone 14 Pro · Spline from Spline","screen",[58,67,76,81],{"id":59,"label":60,"slug":61,"rank":62,"group":63},55,"Design Editor","design-editor",0,{"id":64,"label":65,"slug":66},5,"Media & Tools","media-and-tools",{"id":68,"label":69,"slug":70,"rank":71,"group":72},11,"Edit","edit",1,{"id":73,"label":74,"slug":75},2,"Actions","actions",{"id":77,"label":78,"slug":79,"rank":73,"group":80},24,"Share","share",{"id":73,"label":74,"slug":75},{"id":82,"label":83,"slug":84,"rank":85,"group":86},22,"Search","search",3,{"id":73,"label":74,"slug":75},[88,92],{"id":89,"title":90,"slug":91},260,"Badge","badge",{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":51,"description":100,"canonical_path":4,"image":101,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":102,"component_categories":116,"app":122},"33e7048a-6f93-4ced-9bdf-c53285f07af1","Design editor where a user is viewing an iPhone 3D model and reading a comment thread left by a collaborator directly on the canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F33e7048a-6f93-4ced-9bdf-c53285f07af1.png",[103,105,112,114],{"id":59,"label":60,"slug":61,"rank":62,"group":104},{"id":64,"label":65,"slug":66},{"id":106,"label":107,"slug":108,"rank":71,"group":109},106,"Comments","comments",{"id":68,"label":110,"slug":111},"Social & Collaboration","social-and-collaboration",{"id":77,"label":78,"slug":79,"rank":73,"group":113},{"id":73,"label":74,"slug":75},{"id":68,"label":69,"slug":70,"rank":85,"group":115},{"id":73,"label":74,"slug":75},[117,121],{"id":118,"title":119,"slug":120},214,"Popover","popover",{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":51,"description":126,"canonical_path":4,"image":127,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":128,"component_categories":135,"app":142},"5846215a-cfeb-4778-9f33-9ee30703a0b0","Design editor where the user views a 3D iPhone model and reads a thread of comments from collaborators.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5846215a-cfeb-4778-9f33-9ee30703a0b0.png",[129,131,133],{"id":59,"label":60,"slug":61,"rank":62,"group":130},{"id":64,"label":65,"slug":66},{"id":106,"label":107,"slug":108,"rank":71,"group":132},{"id":68,"label":110,"slug":111},{"id":77,"label":78,"slug":79,"rank":73,"group":134},{"id":73,"label":74,"slug":75},[136,137,141],{"id":118,"title":119,"slug":120},{"id":138,"title":139,"slug":140},169,"Avatar","avatar",{"id":89,"title":90,"slug":91},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":51,"description":146,"canonical_path":4,"image":147,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":148,"component_categories":155,"app":162},"8057abcc-9fee-405b-9713-595122ecd184","Design editor canvas where the user is viewing a 3D model of an iPhone with floating toolbars for view controls and object duplication.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8057abcc-9fee-405b-9713-595122ecd184.png",[149,151,153],{"id":59,"label":60,"slug":61,"rank":62,"group":150},{"id":64,"label":65,"slug":66},{"id":68,"label":69,"slug":70,"rank":71,"group":152},{"id":73,"label":74,"slug":75},{"id":77,"label":78,"slug":79,"rank":73,"group":154},{"id":73,"label":74,"slug":75},[156,160,161],{"id":157,"title":158,"slug":159},277,"Button group","button-group",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":51,"description":166,"canonical_path":4,"image":167,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":168,"component_categories":180,"app":183},"f544a13d-1a77-40a2-b342-36d3ce6b48ce","Design editor where the user manipulates a 3D model of an iPhone with layers, camera settings, and a duplicate file option.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff544a13d-1a77-40a2-b342-36d3ce6b48ce.png",[169,171,173,175],{"id":59,"label":60,"slug":61,"rank":62,"group":170},{"id":64,"label":65,"slug":66},{"id":68,"label":69,"slug":70,"rank":71,"group":172},{"id":73,"label":74,"slug":75},{"id":77,"label":78,"slug":79,"rank":73,"group":174},{"id":73,"label":74,"slug":75},{"id":176,"label":177,"slug":178,"rank":85,"group":179},15,"Import & Export","import-and-export",{"id":73,"label":74,"slug":75},[181,182],{"id":157,"title":158,"slug":159},{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":51,"description":187,"canonical_path":4,"image":188,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":189,"component_categories":199,"app":202},"1a40bb3e-e5e0-42f5-b80c-46326fcd289b","Design editor where the user manipulates a 3D iPhone model with a layers panel on the left and camera settings on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a40bb3e-e5e0-42f5-b80c-46326fcd289b.png",[190,192,197],{"id":59,"label":60,"slug":61,"rank":62,"group":191},{"id":64,"label":65,"slug":66},{"id":193,"label":194,"slug":195,"rank":71,"group":196},58,"Media Editor","media-editor",{"id":64,"label":65,"slug":66},{"id":77,"label":78,"slug":79,"rank":73,"group":198},{"id":73,"label":74,"slug":75},[200,201],{"id":157,"title":158,"slug":159},{"id":138,"title":139,"slug":140},{"slug":30,"title":29,"logo":32,"categories":203},[],{"uuid":205,"title":51,"description":206,"canonical_path":4,"image":207,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":208,"component_categories":222,"app":237},"ceb4d4a1-b5b6-44f2-b7da-63c0f1e5085a","Design editor where the user is browsing a modal library of 3D objects like bags and body parts to add to their scene.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fceb4d4a1-b5b6-44f2-b7da-63c0f1e5085a.png",[209,213,220],{"id":41,"label":210,"slug":211,"rank":62,"group":212},"Add & Create","add-and-create",{"id":73,"label":74,"slug":75},{"id":214,"label":215,"slug":216,"rank":71,"group":217},79,"Browse","browse",{"id":37,"label":218,"slug":219},"Pages & Content","pages-and-content",{"id":193,"label":194,"slug":195,"rank":73,"group":221},{"id":64,"label":65,"slug":66},[223,227,231,235,236],{"id":224,"title":225,"slug":226},284,"Modal","modal",{"id":228,"title":229,"slug":230},233,"Tabs","tabs",{"id":232,"title":233,"slug":234},174,"Card","card",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":238},[],{"uuid":240,"title":51,"description":241,"canonical_path":4,"image":242,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":243,"component_categories":256,"app":257},"832d9a5a-14e0-4747-b797-c2fed1a360c7","Design editor canvas showing a 3D iPhone model with floating instructions to replace the screen image and a banner indicating the user is in their personal camera view.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F832d9a5a-14e0-4747-b797-c2fed1a360c7.png",[244,246,248],{"id":59,"label":60,"slug":61,"rank":62,"group":245},{"id":64,"label":65,"slug":66},{"id":193,"label":194,"slug":195,"rank":71,"group":247},{"id":64,"label":65,"slug":66},{"id":249,"label":250,"slug":251,"rank":73,"group":252},119,"Info","info",{"id":253,"label":254,"slug":255},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":51,"description":261,"canonical_path":4,"image":262,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":263,"component_categories":270,"app":272},"d4d1b8f1-2d18-4a7c-a2bb-44ef6c1cc64b","Design editor presentation view showing an interactive 3D iPhone model with floating instructions for replacing the screen image.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4d1b8f1-2d18-4a7c-a2bb-44ef6c1cc64b.png",[264,266,268],{"id":59,"label":60,"slug":61,"rank":62,"group":265},{"id":64,"label":65,"slug":66},{"id":193,"label":194,"slug":195,"rank":71,"group":267},{"id":64,"label":65,"slug":66},{"id":68,"label":69,"slug":70,"rank":73,"group":269},{"id":73,"label":74,"slug":75},[271],{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":273},[],{"uuid":275,"title":51,"description":276,"canonical_path":4,"image":277,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":278,"component_categories":283,"app":285},"f7df3d45-c6b0-4620-8436-687309bed305","Full-screen design editor canvas displaying an interactive 3D smartphone model, featuring a minimal floating toolbar to reset the view and inline helper text providing editing instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7df3d45-c6b0-4620-8436-687309bed305.png",[279,281],{"id":59,"label":60,"slug":61,"rank":62,"group":280},{"id":64,"label":65,"slug":66},{"id":193,"label":194,"slug":195,"rank":71,"group":282},{"id":64,"label":65,"slug":66},[284],{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":286},[],{"uuid":288,"title":289,"description":290,"canonical_path":4,"image":291,"width":53,"height":292,"image_alt":293,"kind":56,"patterns":294,"component_categories":303,"app":322},"966bdcff-fc2c-487c-8e03-0749b362818f","Spline Pricing - Interactive 3D experiences in real-time in the b","Pricing page where the user compares Basic, Super, and Super Team plans via a feature matrix and reads frequently asked questions before starting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F966bdcff-fc2c-487c-8e03-0749b362818f.png",10728,"Spline Pricing - Interactive 3D experiences in real-time in the b from Spline",[295],{"id":296,"label":297,"slug":298,"rank":62,"group":299},89,"Pricing","pricing",{"id":300,"label":301,"slug":302},9,"Plans & Limits","plans-and-limits",[304,308,312,316,320,321],{"id":305,"title":306,"slug":307},258,"Header","header",{"id":309,"title":310,"slug":311},189,"FAQ","faq",{"id":313,"title":314,"slug":315},168,"Accordion","accordion",{"id":317,"title":318,"slug":319},202,"Footer","footer",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":323},[],{"uuid":325,"title":29,"description":326,"canonical_path":4,"image":327,"width":53,"height":54,"image_alt":328,"kind":56,"patterns":329,"component_categories":341,"app":344},"5e7633bc-f4ac-4d5c-adb6-f7832cfe6c22","Sign-in screen where the user authenticates with Google or enters their email to log in or register.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e7633bc-f4ac-4d5c-adb6-f7832cfe6c22.png","Spline from Spline",[330,337],{"id":331,"label":332,"slug":333,"rank":62,"group":334},4,"Sign In","sign-in",{"id":71,"label":335,"slug":336},"Access & Account","access-and-account",{"id":71,"label":338,"slug":339,"rank":71,"group":340},"Account Setup","account-setup",{"id":71,"label":335,"slug":336},[342,343],{"id":138,"title":139,"slug":140},{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":345},[],[],[348,350,352,354,356,358,360,362,364,366,368,370,372,375,378,381,384,387,390,392,396,400,404],{"label":60,"to":349},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":78,"to":351},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":69,"to":353},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":194,"to":355},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":107,"to":357},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":338,"to":359},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":210,"to":361},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":215,"to":363},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":177,"to":365},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":250,"to":367},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":297,"to":369},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":83,"to":371},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":373,"to":374},"Spline marketing pages","\u002Fexamples\u002Fapps\u002Fspline\u002Fmarketing",{"label":376,"to":377},"Spline user flows","\u002Fexamples\u002Fapps\u002Fspline\u002Fflows",{"label":379,"to":380},"Spline UI components","\u002Fexamples\u002Fapps\u002Fspline\u002Fcomponents",{"label":382,"to":383},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":385,"to":386},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":388,"to":389},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":391,"to":18},"All SaaS app examples",{"label":393,"to":394,"description":395},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":397,"to":398,"description":399},"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":401,"to":402,"description":403},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":405,"to":406,"description":407},"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":409,"updated_at":410},"2023-03-29T14:31:31.000Z","2026-09-13T13:02:39.000Z"]