[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fraster\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":318,"links":319,"dates":380},"\u002Fexamples\u002Fapps\u002Fraster\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Raster product screens examples - Nicelydone","Browse Raster screen design examples. Preview the interface screenshots and explore related UI patterns. Photo manager for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56a4fe46-712a-4ae8-9723-dc638da3665f.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},"Raster design examples","\u002Fexamples\u002Fapps\u002Fraster",{"label":23,"to":4},"Raster 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},"Raster","raster","Photo manager for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fraster-96602f03.png","https:\u002F\u002Fraster.app","raster_app",[36,40,44],{"id":37,"title":38,"slug":39},31,"Photography","photography",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},71,"File sharing","file-sharing",[49,77,89,109,137,164,185,200,225,250,268,292],{"uuid":50,"title":29,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"56a4fe46-712a-4ae8-9723-dc638da3665f","Sign-in screen where the user authenticates with Google or requests an email magic link.",3024,1674,"Raster from Raster","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},175,"Button","button",{"id":72,"title":73,"slug":74},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":29,"description":79,"canonical_path":4,"image":80,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":81,"component_categories":84,"app":87},"7faa57fd-d638-4924-920f-86951f3faba9","Sign-in screen where the user authenticates via Google OAuth or requests a magic link by entering their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7faa57fd-d638-4924-920f-86951f3faba9.png",[82],{"id":58,"label":59,"slug":60,"rank":61,"group":83},{"id":63,"label":64,"slug":65},[85,86],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":29,"description":91,"canonical_path":4,"image":92,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":93,"component_categories":104,"app":107},"e62e3836-aaef-4522-88e1-e934c5de457c","Sign-in screen where the user has successfully requested a magic link to their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe62e3836-aaef-4522-88e1-e934c5de457c.png",[94,96],{"id":58,"label":59,"slug":60,"rank":61,"group":95},{"id":63,"label":64,"slug":65},{"id":97,"label":98,"slug":99,"rank":63,"group":100},122,"Success","success",{"id":101,"label":102,"slug":103},12,"States & Feedback","states-and-feedback",[105,106],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":52,"height":53,"image_alt":114,"kind":55,"patterns":115,"component_categories":129,"app":135},"9321a617-d307-422f-8907-f40def4f0a52","Choose your theme","Onboarding step where the user is welcomed to the product and given a time estimate before starting the setup flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9321a617-d307-422f-8907-f40def4f0a52.png","Choose your theme from Raster",[116,124],{"id":117,"label":118,"slug":119,"rank":61,"group":120},77,"Welcome","welcome",{"id":121,"label":122,"slug":123},7,"Onboarding & Education","onboarding-and-education",{"id":125,"label":126,"slug":127,"rank":63,"group":128},74,"Onboarding Checklist","onboarding-checklist",{"id":121,"label":122,"slug":123},[130,134],{"id":131,"title":132,"slug":133},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":111,"description":139,"canonical_path":4,"image":140,"width":52,"height":53,"image_alt":114,"kind":55,"patterns":141,"component_categories":155,"app":162},"416fa431-b1e8-4071-99ce-e6e6aa10cec0","Onboarding step where the user chooses between light, dark, or system theme preferences before entering the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F416fa431-b1e8-4071-99ce-e6e6aa10cec0.png",[142,147,149],{"id":143,"label":144,"slug":145,"rank":61,"group":146},75,"Setup Wizard","setup-wizard",{"id":121,"label":122,"slug":123},{"id":117,"label":118,"slug":119,"rank":63,"group":148},{"id":121,"label":122,"slug":123},{"id":150,"label":151,"slug":152,"rank":153,"group":154},72,"Getting Started","getting-started",2,{"id":121,"label":122,"slug":123},[156,160,161],{"id":157,"title":158,"slug":159},240,"Horizontal navigation","horizontal-navigation",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":52,"height":53,"image_alt":169,"kind":55,"patterns":170,"component_categories":179,"app":183},"e45ec26e-41d2-4149-81c3-8af89c7ca708","Create your Organizations first library","Onboarding step where the user names their first library and configures its custom URL slug before uploading photos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe45ec26e-41d2-4149-81c3-8af89c7ca708.png","Create your Organizations first library from Raster",[171,177],{"id":121,"label":172,"slug":173,"rank":61,"group":174},"Add & Create","add-and-create",{"id":153,"label":175,"slug":176},"Actions","actions",{"id":125,"label":126,"slug":127,"rank":63,"group":178},{"id":121,"label":122,"slug":123},[180,181,182],{"id":157,"title":158,"slug":159},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":166,"description":187,"canonical_path":4,"image":188,"width":52,"height":53,"image_alt":169,"kind":55,"patterns":189,"component_categories":194,"app":198},"2b4179f8-c136-4fa2-a990-cae64e0a7f6b","Onboarding step where the user names their first library and configures its URL slug before uploading photos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b4179f8-c136-4fa2-a990-cae64e0a7f6b.png",[190,192],{"id":121,"label":172,"slug":173,"rank":61,"group":191},{"id":153,"label":175,"slug":176},{"id":125,"label":126,"slug":127,"rank":63,"group":193},{"id":121,"label":122,"slug":123},[195,196,197],{"id":131,"title":132,"slug":133},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":166,"description":202,"canonical_path":4,"image":203,"width":52,"height":53,"image_alt":169,"kind":55,"patterns":204,"component_categories":220,"app":223},"b147471b-e08f-4753-8f39-4a2656539ac1","Onboarding screen where the user is prompted to upload their first photos to an empty workspace, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb147471b-e08f-4753-8f39-4a2656539ac1.png",[205,207,212,217],{"id":150,"label":151,"slug":152,"rank":61,"group":206},{"id":121,"label":122,"slug":123},{"id":208,"label":209,"slug":210,"rank":63,"group":211},25,"Upload & Download","upload-and-download",{"id":153,"label":175,"slug":176},{"id":213,"label":214,"slug":215,"rank":153,"group":216},115,"Empty State","empty-state",{"id":101,"label":102,"slug":103},{"id":117,"label":118,"slug":119,"rank":218,"group":219},3,{"id":121,"label":122,"slug":123},[221,222],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":166,"description":227,"canonical_path":4,"image":228,"width":52,"height":53,"image_alt":169,"kind":55,"patterns":229,"component_categories":242,"app":248},"346a71f6-a6a3-4808-ae69-d5c45c5c65f8","List view of an image library in an empty state, prompting the user to drag and drop images to begin organizing them.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F346a71f6-a6a3-4808-ae69-d5c45c5c65f8.png",[230,232,234],{"id":121,"label":172,"slug":173,"rank":61,"group":231},{"id":153,"label":175,"slug":176},{"id":213,"label":214,"slug":215,"rank":63,"group":233},{"id":101,"label":102,"slug":103},{"id":235,"label":236,"slug":237,"rank":153,"group":238},80,"Files","files",{"id":239,"label":240,"slug":241},8,"Pages & Content","pages-and-content",[243,247],{"id":244,"title":245,"slug":246},260,"Badge","badge",{"id":131,"title":132,"slug":133},{"slug":30,"title":29,"logo":32,"categories":249},[],{"uuid":251,"title":252,"description":253,"canonical_path":4,"image":254,"width":52,"height":53,"image_alt":255,"kind":55,"patterns":256,"component_categories":263,"app":266},"0acde3d9-69eb-4e06-948f-7fa7728f96c7","My Library | Personal","Image library view showing an empty state prompting the user to drag and drop images to upload.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0acde3d9-69eb-4e06-948f-7fa7728f96c7.png","My Library | Personal from Raster",[257,259,261],{"id":213,"label":214,"slug":215,"rank":61,"group":258},{"id":101,"label":102,"slug":103},{"id":235,"label":236,"slug":237,"rank":63,"group":260},{"id":239,"label":240,"slug":241},{"id":208,"label":209,"slug":210,"rank":153,"group":262},{"id":153,"label":175,"slug":176},[264,265],{"id":244,"title":245,"slug":246},{"id":131,"title":132,"slug":133},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":252,"description":270,"canonical_path":4,"image":271,"width":52,"height":53,"image_alt":255,"kind":55,"patterns":272,"component_categories":282,"app":290},"1d157cee-5a7d-4a2a-9306-de50d61b5531","Image library view where four files are currently uploading into the user's personal workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d157cee-5a7d-4a2a-9306-de50d61b5531.png",[273,275,277],{"id":235,"label":236,"slug":237,"rank":61,"group":274},{"id":239,"label":240,"slug":241},{"id":208,"label":209,"slug":210,"rank":63,"group":276},{"id":153,"label":175,"slug":176},{"id":278,"label":279,"slug":280,"rank":153,"group":281},79,"Browse","browse",{"id":239,"label":240,"slug":241},[283,287,288,289],{"id":284,"title":285,"slug":286},226,"Skeleton","skeleton",{"id":244,"title":245,"slug":246},{"id":131,"title":132,"slug":133},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":291},[],{"uuid":293,"title":252,"description":294,"canonical_path":4,"image":295,"width":52,"height":53,"image_alt":255,"kind":55,"patterns":296,"component_categories":311,"app":316},"dcb102bb-1089-4f96-afb9-aeb5801b8ae7","Image library gallery showing newly uploaded files currently in a processing state with skeleton placeholders.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdcb102bb-1089-4f96-afb9-aeb5801b8ae7.png",[297,299,301,306],{"id":235,"label":236,"slug":237,"rank":61,"group":298},{"id":239,"label":240,"slug":241},{"id":278,"label":279,"slug":280,"rank":63,"group":300},{"id":239,"label":240,"slug":241},{"id":302,"label":303,"slug":304,"rank":153,"group":305},22,"Search","search",{"id":153,"label":175,"slug":176},{"id":307,"label":308,"slug":309,"rank":218,"group":310},120,"Loading","loading",{"id":101,"label":102,"slug":103},[312,313,314,315],{"id":284,"title":285,"slug":286},{"id":244,"title":245,"slug":246},{"id":131,"title":132,"slug":133},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":317},[],[],[320,322,324,326,328,330,332,334,336,338,340,342,344,347,350,353,356,359,362,364,368,372,376],{"label":236,"to":321},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":172,"to":323},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":214,"to":325},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":126,"to":327},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":59,"to":329},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":209,"to":331},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":118,"to":333},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":279,"to":335},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":151,"to":337},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":308,"to":339},"\u002Fexamples\u002Fscreens\u002Floading",{"label":303,"to":341},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":144,"to":343},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":345,"to":346},"Raster marketing pages","\u002Fexamples\u002Fapps\u002Fraster\u002Fmarketing",{"label":348,"to":349},"Raster user flows","\u002Fexamples\u002Fapps\u002Fraster\u002Fflows",{"label":351,"to":352},"Raster UI components","\u002Fexamples\u002Fapps\u002Fraster\u002Fcomponents",{"label":354,"to":355},"Photography app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fphotography",{"label":357,"to":358},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":360,"to":361},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"label":363,"to":18},"All SaaS app examples",{"label":365,"to":366,"description":367},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":369,"to":370,"description":371},"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":373,"to":374,"description":375},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":377,"to":378,"description":379},"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":381,"updated_at":382},"2024-01-29T09:38:36.000Z","2026-09-13T13:02:39.000Z"]