[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmirror\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":325,"links":326,"dates":387},"\u002Fexamples\u002Fapps\u002Fmirror\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mirror product screens examples - Nicelydone","Browse Mirror screen design examples. Preview the interface screenshots and explore related UI patterns. Create and connect your world on web3","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F409e11ab-7988-44a4-8783-71577868bdb7.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},"Mirror design examples","\u002Fexamples\u002Fapps\u002Fmirror",{"label":23,"to":4},"Mirror 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},"Mirror","mirror","Create and connect your world on web3","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmirror-54cc169b.png","https:\u002F\u002Fmirror.xyz\u002F",[35,39,43],{"id":36,"title":37,"slug":38},59,"Writing tools","writing-tools",{"id":40,"title":41,"slug":42},95,"Blockchain","blockchain",{"id":44,"title":45,"slug":46},34,"Crowdfunding","crowdfunding",[48,77,95,138,156,179,208,231,251,268,285,310],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"409e11ab-7988-44a4-8783-71577868bdb7","Mirror Create and connect your world on web3","Sign-in overlay where the user authenticates by connecting their web3 wallet via MetaMask, WalletConnect, or Coinbase Wallet.",3072,1716,"Mirror Create and connect your world on web3 from Mirror","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},284,"Modal","modal",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":52,"height":53,"image_alt":82,"kind":55,"patterns":83,"component_categories":90,"app":93},"0c4cc6e6-2f53-4dff-a367-8e1ae825e374","Dashboard – Mirror","Dashboard with a modal prompting the user to connect their wallet and remember their session to skip future approvals.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c4cc6e6-2f53-4dff-a367-8e1ae825e374.png","Dashboard – Mirror from Mirror",[84,86],{"id":58,"label":59,"slug":60,"rank":61,"group":85},{"id":63,"label":64,"slug":65},{"id":63,"label":87,"slug":88,"rank":63,"group":89},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[91,92],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":52,"height":53,"image_alt":100,"kind":55,"patterns":101,"component_categories":126,"app":136},"563cf2a0-c85b-4ee6-a4fb-dd1e3a42b733","Entries – Dashboard – Mirror","List view for publishing entries where the user is prompted to create their first post or read the editor guide in an empty workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F563cf2a0-c85b-4ee6-a4fb-dd1e3a42b733.png","Entries – Dashboard – Mirror from Mirror",[102,110,118],{"id":103,"label":104,"slug":105,"rank":61,"group":106},115,"Empty State","empty-state",{"id":107,"label":108,"slug":109},12,"States & Feedback","states-and-feedback",{"id":111,"label":112,"slug":113,"rank":63,"group":114},7,"Add & Create","add-and-create",{"id":115,"label":116,"slug":117},2,"Actions","actions",{"id":119,"label":120,"slug":121,"rank":115,"group":122},79,"Browse","browse",{"id":123,"label":124,"slug":125},8,"Pages & Content","pages-and-content",[127,131,135],{"id":128,"title":129,"slug":130},174,"Card","card",{"id":132,"title":133,"slug":134},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":29,"description":140,"canonical_path":4,"image":141,"width":52,"height":53,"image_alt":142,"kind":55,"patterns":143,"component_categories":151,"app":154},"a264637f-4811-4775-b657-11f282f16677","Error page where the user is informed the page was not found and is prompted to return home.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa264637f-4811-4775-b657-11f282f16677.png","Mirror from Mirror",[144,149],{"id":145,"label":146,"slug":147,"rank":61,"group":148},116,"Error","error",{"id":107,"label":108,"slug":109},{"id":103,"label":104,"slug":105,"rank":63,"group":150},{"id":107,"label":108,"slug":109},[152,153],{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":158,"description":159,"canonical_path":4,"image":160,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":162,"component_categories":170,"app":177},"ebb86522-368f-4f0b-8dde-02feef8d3e1e","Write – Dashboard – Mirror","Content editor where the user drafts a new post, with options to import an entry or toggle NFT minting before publishing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Febb86522-368f-4f0b-8dde-02feef8d3e1e.png","Write – Dashboard – Mirror from Mirror",[163,165],{"id":111,"label":112,"slug":113,"rank":61,"group":164},{"id":115,"label":116,"slug":117},{"id":166,"label":167,"slug":168,"rank":63,"group":169},25,"Upload & Download","upload-and-download",{"id":115,"label":116,"slug":117},[171,175,176],{"id":172,"title":173,"slug":174},240,"Horizontal navigation","horizontal-navigation",{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":158,"description":181,"canonical_path":4,"image":182,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":183,"component_categories":202,"app":206},"b34988b5-5b36-45c1-adaf-0686e4874779","Content editor where the user is drafting a new note and has opened the inline block menu to insert a heading or image.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb34988b5-5b36-45c1-adaf-0686e4874779.png",[184,192,194],{"id":185,"label":186,"slug":187,"rank":61,"group":188},28,"AI Chat","ai-chat",{"id":189,"label":190,"slug":191},3,"AI","ai",{"id":111,"label":112,"slug":113,"rank":63,"group":193},{"id":115,"label":116,"slug":117},{"id":195,"label":196,"slug":197,"rank":115,"group":198},58,"Media Editor","media-editor",{"id":199,"label":200,"slug":201},5,"Media & Tools","media-and-tools",[203,204,205],{"id":172,"title":173,"slug":174},{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":207},[],{"uuid":209,"title":158,"description":210,"canonical_path":4,"image":211,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":212,"component_categories":225,"app":229},"7bfab267-a338-4e78-90c6-031afb42a31c","Content editor where the user is drafting a note titled 'First note' with an option to mint it as an NFT before publishing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bfab267-a338-4e78-90c6-031afb42a31c.png",[213,218,220],{"id":214,"label":215,"slug":216,"rank":61,"group":217},11,"Edit","edit",{"id":115,"label":116,"slug":117},{"id":166,"label":167,"slug":168,"rank":63,"group":219},{"id":115,"label":116,"slug":117},{"id":221,"label":222,"slug":223,"rank":115,"group":224},17,"Publish","publish",{"id":115,"label":116,"slug":117},[226,227,228],{"id":172,"title":173,"slug":174},{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":230},[],{"uuid":232,"title":158,"description":233,"canonical_path":4,"image":234,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":235,"component_categories":245,"app":249},"522ae9be-0117-4d04-a513-c10917b4d2ad","Content editor where the user drafts a note with a title, headings, and lists, with an option to publish it as an NFT.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F522ae9be-0117-4d04-a513-c10917b4d2ad.png",[236,241,243],{"id":237,"label":238,"slug":239,"rank":61,"group":240},29,"AI Editing","ai-editing",{"id":189,"label":190,"slug":191},{"id":221,"label":222,"slug":223,"rank":63,"group":242},{"id":115,"label":116,"slug":117},{"id":195,"label":196,"slug":197,"rank":115,"group":244},{"id":199,"label":200,"slug":201},[246,247,248],{"id":172,"title":173,"slug":174},{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":158,"description":253,"canonical_path":4,"image":254,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":255,"component_categories":262,"app":266},"05aa2471-ca1d-4bf4-b897-efd0d3bb20c6","Content editor where the user writes a note, configures public visibility via a dropdown, and uploads a featured image before publishing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F05aa2471-ca1d-4bf4-b897-efd0d3bb20c6.png",[256,258,260],{"id":237,"label":238,"slug":239,"rank":61,"group":257},{"id":189,"label":190,"slug":191},{"id":166,"label":167,"slug":168,"rank":63,"group":259},{"id":115,"label":116,"slug":117},{"id":221,"label":222,"slug":223,"rank":115,"group":261},{"id":115,"label":116,"slug":117},[263,264,265],{"id":128,"title":129,"slug":130},{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":158,"description":270,"canonical_path":4,"image":271,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":272,"component_categories":279,"app":283},"fd9bea60-55d1-46c9-88be-0928ce38655c","Content editor where the user writes a note using blocks and can publish it as an NFT.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd9bea60-55d1-46c9-88be-0928ce38655c.png",[273,275,277],{"id":111,"label":112,"slug":113,"rank":61,"group":274},{"id":115,"label":116,"slug":117},{"id":221,"label":222,"slug":223,"rank":63,"group":276},{"id":115,"label":116,"slug":117},{"id":195,"label":196,"slug":197,"rank":115,"group":278},{"id":199,"label":200,"slug":201},[280,281,282],{"id":172,"title":173,"slug":174},{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":284},[],{"uuid":286,"title":158,"description":287,"canonical_path":4,"image":288,"width":52,"height":289,"image_alt":161,"kind":55,"patterns":290,"component_categories":300,"app":308},"1ede9a75-6ac8-4b54-afa2-df187242c4b3","Content editor where the user configures a cover image, sets a funds recipient address, and confirms permanent deployment before minting an entry NFT.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ede9a75-6ac8-4b54-afa2-df187242c4b3.png",2048,[291,293,295],{"id":221,"label":222,"slug":223,"rank":61,"group":292},{"id":115,"label":116,"slug":117},{"id":166,"label":167,"slug":168,"rank":63,"group":294},{"id":115,"label":116,"slug":117},{"id":296,"label":297,"slug":298,"rank":115,"group":299},114,"Confirmation","confirmation",{"id":107,"label":108,"slug":109},[301,305,306,307],{"id":302,"title":303,"slug":304},167,"Alert","alert",{"id":68,"title":69,"slug":70},{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":309},[],{"uuid":311,"title":158,"description":312,"canonical_path":4,"image":313,"width":52,"height":53,"image_alt":161,"kind":55,"patterns":314,"component_categories":319,"app":323},"4a1acdf4-5c53-40d3-b028-dc144e70ff51","Content editor where the user is drafting a note with a heading, quote, and list item, while a publishing action is in progress.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4a1acdf4-5c53-40d3-b028-dc144e70ff51.png",[315,317],{"id":237,"label":238,"slug":239,"rank":61,"group":316},{"id":189,"label":190,"slug":191},{"id":214,"label":215,"slug":216,"rank":63,"group":318},{"id":115,"label":116,"slug":117},[320,321,322],{"id":172,"title":173,"slug":174},{"id":132,"title":133,"slug":134},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":324},[],[],[327,329,331,333,335,337,339,341,343,345,347,349,351,354,357,360,363,366,369,371,375,379,383],{"label":222,"to":328},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":112,"to":330},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":167,"to":332},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":238,"to":334},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":196,"to":336},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":215,"to":338},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":104,"to":340},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":59,"to":342},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":87,"to":344},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":186,"to":346},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":120,"to":348},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":297,"to":350},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":352,"to":353},"Mirror marketing pages","\u002Fexamples\u002Fapps\u002Fmirror\u002Fmarketing",{"label":355,"to":356},"Mirror user flows","\u002Fexamples\u002Fapps\u002Fmirror\u002Fflows",{"label":358,"to":359},"Mirror UI components","\u002Fexamples\u002Fapps\u002Fmirror\u002Fcomponents",{"label":361,"to":362},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":364,"to":365},"Blockchain app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblockchain",{"label":367,"to":368},"Crowdfunding app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrowdfunding",{"label":370,"to":18},"All SaaS app examples",{"label":372,"to":373,"description":374},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":376,"to":377,"description":378},"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":380,"to":381,"description":382},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":384,"to":385,"description":386},"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":388,"updated_at":389},"2022-02-20T11:16:13.000Z","2026-09-13T13:02:39.000Z"]