[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Freadng\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":359,"links":360,"dates":415},"\u002Fexamples\u002Fapps\u002Freadng\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Readng product screens examples - Nicelydone","Browse Readng screen design examples. Preview the interface screenshots and explore related UI patterns. The new home for your reading list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_readng_b9bfd3f9_nicelydone.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},"Readng design examples","\u002Fexamples\u002Fapps\u002Freadng",{"label":23,"to":4},"Readng 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},"Readng","readng","The new home for your reading list.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freadng-00943d97.png","https:\u002F\u002Freadng.co",[35],{"id":36,"title":37,"slug":38},49,"Social Network","social-network",[40,69,86,99,135,160,192,222,257,282,303,325],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":62,"app":67},"17f1268f-539d-466c-9f34-04fba4ef605d","Sign up","Signup screen where the user creates a new account by providing an email address, username, and password.",2880,1586,"Sign up from Readng","screen",[49,58],{"id":50,"label":51,"slug":52,"rank":53,"group":54},5,"Sign Up","sign-up",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",{"id":55,"label":59,"slug":60,"rank":55,"group":61},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},[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":44,"height":74,"image_alt":75,"kind":47,"patterns":76,"component_categories":82,"app":84},"57541b8b-fe71-4d1c-b9b3-ef2fe62bad78","Sign in","Sign-in screen where the user authenticates with their email address and password, with options to reset their password or request access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_sign-in-readng_32d1c93f_nicelydone.png",1534,"Sign in from Readng",[77],{"id":78,"label":79,"slug":80,"rank":53,"group":81},2,"Forgot Password","forgot-password",{"id":55,"label":56,"slug":57},[83],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":44,"height":74,"image_alt":91,"kind":47,"patterns":92,"component_categories":95,"app":97},"8fc37cab-a959-45a1-aa2d-ea32b0950697","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_forgotten-your-password-readng_8c4fbc0b_nicelydone.png","Password reset from Readng",[93],{"id":78,"label":79,"slug":80,"rank":53,"group":94},{"id":55,"label":56,"slug":57},[96],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":101,"description":102,"canonical_path":4,"image":103,"width":44,"height":74,"image_alt":104,"kind":47,"patterns":105,"component_categories":127,"app":133},"ddcedb2e-bc3c-4b56-b2b3-e9ae89c751df","Home product \u002F Logged home","Home screen for a reading tracking app greeting the user and displaying the cover of the single book they are currently reading.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_dashboard-readng_d310b1c6_nicelydone.png","Home product \u002F Logged home from Readng",[106,114,119],{"id":107,"label":108,"slug":109,"rank":53,"group":110},81,"Home","home",{"id":111,"label":112,"slug":113},8,"Pages & Content","pages-and-content",{"id":115,"label":116,"slug":117,"rank":55,"group":118},82,"Media Detail","media-detail",{"id":111,"label":112,"slug":113},{"id":120,"label":121,"slug":122,"rank":78,"group":123},117,"Feedback","feedback",{"id":124,"label":125,"slug":126},12,"States & Feedback","states-and-feedback",[128,132],{"id":129,"title":130,"slug":131},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":44,"height":74,"image_alt":140,"kind":47,"patterns":141,"component_categories":156,"app":158},"92fb5c9f-b9c9-4652-8a44-b082ebb465a1","Empty state","Search page where the user can find books or authors, currently showing an empty state with an illustration and a feedback prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_search-for-books-or-authors-readng-3_6918e07c_nicelydone.png","Empty state from Readng",[142,147,154],{"id":143,"label":144,"slug":145,"rank":53,"group":146},115,"Empty State","empty-state",{"id":124,"label":125,"slug":126},{"id":148,"label":149,"slug":150,"rank":55,"group":151},22,"Search","search",{"id":78,"label":152,"slug":153},"Actions","actions",{"id":120,"label":121,"slug":122,"rank":78,"group":155},{"id":124,"label":125,"slug":126},[157],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":44,"height":165,"image_alt":166,"kind":47,"patterns":167,"component_categories":180,"app":190},"f5fb174b-0983-48a2-b967-cfd072c54f8d","Dropdown & other states","Search page where the user views a list of book results matching their query, displaying covers, titles, authors, and aggregated ratings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_search-for-books-or-authors-readng_6247d4f4_nicelydone.png",3900,"Dropdown & other states from Readng",[168,173,178],{"id":169,"label":170,"slug":171,"rank":53,"group":172},84,"Search Results","search-results",{"id":111,"label":112,"slug":113},{"id":174,"label":175,"slug":176,"rank":55,"group":177},79,"Browse","browse",{"id":111,"label":112,"slug":113},{"id":148,"label":149,"slug":150,"rank":78,"group":179},{"id":78,"label":152,"slug":153},[181,185,189],{"id":182,"title":183,"slug":184},260,"Badge","badge",{"id":186,"title":187,"slug":188},174,"Card","card",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":44,"height":197,"image_alt":198,"kind":47,"patterns":199,"component_categories":217,"app":220},"49b0c758-1555-4802-8a76-90e2ed27765e","Detail page \u002F Single page","Detail page for a book where the user can update their reading status, view publication details, and invite friends to track activity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_the-obstacle-is-the-way-book-readng_905aa058_nicelydone.png",2640,"Detail page \u002F Single page from Readng",[200,202,207,212],{"id":115,"label":116,"slug":117,"rank":53,"group":201},{"id":111,"label":112,"slug":113},{"id":203,"label":204,"slug":205,"rank":55,"group":206},11,"Edit","edit",{"id":78,"label":152,"slug":153},{"id":208,"label":209,"slug":210,"rank":78,"group":211},14,"Follow","follow",{"id":78,"label":152,"slug":153},{"id":124,"label":213,"slug":214,"rank":215,"group":216},"Favorite","favorite",3,{"id":78,"label":152,"slug":153},[218,219],{"id":186,"title":187,"slug":188},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":224,"description":225,"canonical_path":4,"image":226,"width":44,"height":227,"image_alt":228,"kind":47,"patterns":229,"component_categories":245,"app":255},"46ab79f7-4757-47da-94cb-f1a20b04e603","Activity feeds","Activity feed showing recent reading updates from the community, with a toggle to switch between friends and everybody.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_activity-readng-3_cff8a8c0_nicelydone.png",14312,"Activity feeds from Readng",[230,237],{"id":231,"label":232,"slug":233,"rank":53,"group":234},113,"Social Feed","social-feed",{"id":203,"label":235,"slug":236},"Social & Collaboration","social-and-collaboration",{"id":238,"label":239,"slug":240,"rank":55,"group":241},69,"Tabs","tabs",{"id":242,"label":243,"slug":244},6,"Navigation & Commands","navigation-and-commands",[246,250,252,253,254],{"id":247,"title":248,"slug":249},226,"Skeleton","skeleton",{"id":251,"title":239,"slug":240},233,{"id":129,"title":130,"slug":131},{"id":186,"title":187,"slug":188},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":256},[],{"uuid":258,"title":259,"description":260,"canonical_path":4,"image":261,"width":44,"height":262,"image_alt":263,"kind":47,"patterns":264,"component_categories":274,"app":280},"f7921f73-afde-4ff4-841c-5666cea4361b","Profile","Detail page where a user views their public reading profile, including currently reading and finished books with ratings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_bertrand-profile-readng_0aca6917_nicelydone.png",2982,"Profile from Readng",[265,268,270,272],{"id":215,"label":259,"slug":266,"rank":53,"group":267},"profile",{"id":203,"label":235,"slug":236},{"id":115,"label":116,"slug":117,"rank":55,"group":269},{"id":111,"label":112,"slug":113},{"id":238,"label":239,"slug":240,"rank":78,"group":271},{"id":242,"label":243,"slug":244},{"id":120,"label":121,"slug":122,"rank":215,"group":273},{"id":124,"label":125,"slug":126},[275,276,277,278,279],{"id":182,"title":183,"slug":184},{"id":251,"title":239,"slug":240},{"id":129,"title":130,"slug":131},{"id":186,"title":187,"slug":188},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":259,"description":284,"canonical_path":4,"image":285,"width":44,"height":286,"image_alt":263,"kind":47,"patterns":287,"component_categories":296,"app":301},"521a181c-4a91-41d7-b33e-1b862fbc38d3","Profile page where the user views Aziz Firat's book collections, such as Cookbooks and Black Lives Matter, and can follow his activity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_aziz-profile-readng_169f6fe0_nicelydone.png",2828,[288,290,292,294],{"id":215,"label":259,"slug":266,"rank":53,"group":289},{"id":203,"label":235,"slug":236},{"id":208,"label":209,"slug":210,"rank":55,"group":291},{"id":78,"label":152,"slug":153},{"id":238,"label":239,"slug":240,"rank":78,"group":293},{"id":242,"label":243,"slug":244},{"id":174,"label":175,"slug":176,"rank":215,"group":295},{"id":111,"label":112,"slug":113},[297,298,299,300],{"id":251,"title":239,"slug":240},{"id":129,"title":130,"slug":131},{"id":186,"title":187,"slug":188},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":302},[],{"uuid":304,"title":259,"description":305,"canonical_path":4,"image":306,"width":44,"height":307,"image_alt":263,"kind":47,"patterns":308,"component_categories":317,"app":323},"c66f5bae-e021-42ee-b2da-159557703971","Public user profile page where a visitor can view the user's bio, follow them, and browse their currently reading, going to read, and finished book lists.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_aziz-profile-readng-2_5443f276_nicelydone.png",5154,[309,311,313,315],{"id":215,"label":259,"slug":266,"rank":53,"group":310},{"id":203,"label":235,"slug":236},{"id":208,"label":209,"slug":210,"rank":55,"group":312},{"id":78,"label":152,"slug":153},{"id":174,"label":175,"slug":176,"rank":78,"group":314},{"id":111,"label":112,"slug":113},{"id":238,"label":239,"slug":240,"rank":215,"group":316},{"id":242,"label":243,"slug":244},[318,319,320,321,322],{"id":182,"title":183,"slug":184},{"id":251,"title":239,"slug":240},{"id":129,"title":130,"slug":131},{"id":186,"title":187,"slug":188},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":324},[],{"uuid":326,"title":327,"description":328,"canonical_path":4,"image":329,"width":44,"height":330,"image_alt":331,"kind":47,"patterns":332,"component_categories":353,"app":357},"b4586cce-a1f8-4d9f-84a1-024c687ae3dd","Settings","Settings page where the user updates their profile details, connects a Goodreads integration, and chooses an appearance theme.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Freadng_settings-readng_a0576c22_nicelydone.png",3124,"Settings from Readng",[333,341,346,348],{"id":334,"label":335,"slug":336,"rank":53,"group":337},94,"Account Settings","account-settings",{"id":338,"label":339,"slug":340},10,"Settings & Admin","settings-and-admin",{"id":342,"label":343,"slug":344,"rank":55,"group":345},97,"Integrations","integrations",{"id":338,"label":339,"slug":340},{"id":203,"label":204,"slug":205,"rank":78,"group":347},{"id":78,"label":152,"slug":153},{"id":349,"label":350,"slug":351,"rank":215,"group":352},25,"Upload & Download","upload-and-download",{"id":78,"label":152,"slug":153},[354,355,356],{"id":129,"title":130,"slug":131},{"id":186,"title":187,"slug":188},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":358},[],[],[361,363,365,367,369,371,373,375,377,379,381,383,385,388,391,394,397,399,403,407,411],{"label":239,"to":362},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":175,"to":364},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":121,"to":366},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":209,"to":368},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":116,"to":370},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":259,"to":372},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":204,"to":374},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":79,"to":376},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":149,"to":378},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":335,"to":380},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":59,"to":382},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":144,"to":384},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":386,"to":387},"Readng marketing pages","\u002Fexamples\u002Fapps\u002Freadng\u002Fmarketing",{"label":389,"to":390},"Readng user flows","\u002Fexamples\u002Fapps\u002Freadng\u002Fflows",{"label":392,"to":393},"Readng UI components","\u002Fexamples\u002Fapps\u002Freadng\u002Fcomponents",{"label":395,"to":396},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":398,"to":18},"All SaaS app examples",{"label":400,"to":401,"description":402},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":404,"to":405,"description":406},"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":408,"to":409,"description":410},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":412,"to":413,"description":414},"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":416,"updated_at":417},"2020-11-20T21:25:00.000Z","2026-09-13T13:02:39.000Z"]