[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffelt\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":310,"links":311,"dates":366},"\u002Fexamples\u002Fapps\u002Ffelt\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Felt product screens examples - Nicelydone","Browse Felt screen design examples. Preview the interface screenshots and explore related UI patterns. The best way to make maps on the internet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cf98f0f-c1c6-431c-b2d1-2411d976ffbf.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},"Felt design examples","\u002Fexamples\u002Fapps\u002Ffelt",{"label":23,"to":4},"Felt 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":30,"categories":34},"Felt","felt","The best way to make maps on the internet","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffelt-f0a4bd2b.png","https:\u002F\u002Ffelt.com",[35,39,43],{"id":36,"title":37,"slug":38},44,"Maps","maps",{"id":40,"title":41,"slug":42},23,"Collaboration","collaboration",{"id":44,"title":45,"slug":46},46,"Analytics","analytics",[48,72,83,97,108,122,178,212,234,251,268,289],{"uuid":49,"title":29,"description":50,"canonical_path":4,"image":11,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":55,"component_categories":65,"app":70},"0cf98f0f-c1c6-431c-b2d1-2411d976ffbf","Auth screen where the user can log in or sign up using Google SSO or by entering their email address to continue.",3024,1738,"Felt from Felt","screen",[56],{"id":57,"label":58,"slug":59,"rank":60,"group":61},2,"Forgot Password","forgot-password",0,{"id":62,"label":63,"slug":64},1,"Access & Account","access-and-account",[66],{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":29,"description":74,"canonical_path":4,"image":75,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":76,"component_categories":79,"app":81},"72e87ab2-2d12-49cd-b485-397d3174127d","Password recovery screen where the user enters their email address to request a reset link, with an option to return to the sign-in page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72e87ab2-2d12-49cd-b485-397d3174127d.png",[77],{"id":57,"label":58,"slug":59,"rank":60,"group":78},{"id":62,"label":63,"slug":64},[80],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":29,"description":85,"canonical_path":4,"image":86,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":87,"component_categories":93,"app":95},"bd1cc3a6-7da3-4bd9-8cef-63cf18c6dea0","Signup screen where the user creates an account using Google or by providing an email, name, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd1cc3a6-7da3-4bd9-8cef-63cf18c6dea0.png",[88],{"id":89,"label":90,"slug":91,"rank":60,"group":92},5,"Sign Up","sign-up",{"id":62,"label":63,"slug":64},[94],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":29,"description":99,"canonical_path":4,"image":100,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":101,"component_categories":104,"app":106},"46d95133-2fb2-4f74-8656-9046fe27e22c","Signup screen where the user creates an account using Google or by providing their email, name, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F46d95133-2fb2-4f74-8656-9046fe27e22c.png",[102],{"id":89,"label":90,"slug":91,"rank":60,"group":103},{"id":62,"label":63,"slug":64},[105],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":29,"description":110,"canonical_path":4,"image":111,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":112,"component_categories":118,"app":120},"63b87020-6413-4b53-93ad-c01d323f793a","Verification screen where the user is instructed to check their email for a confirmation link to complete sign-in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F63b87020-6413-4b53-93ad-c01d323f793a.png",[113],{"id":114,"label":115,"slug":116,"rank":60,"group":117},6,"Verification","verification",{"id":62,"label":63,"slug":64},[119],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":4,"image":126,"width":51,"height":52,"image_alt":127,"kind":54,"patterns":128,"component_categories":158,"app":176},"2f174404-cc73-42cf-bed4-aa8f081413e4","Tutorial Learn to Use Felt — Felt","Onboarding screen where the user follows a numbered spatial tour on a map canvas to learn basic editing tools like dropping pins, drawing routes, and adding text.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f174404-cc73-42cf-bed4-aa8f081413e4.png","Tutorial Learn to Use Felt — Felt from Felt",[129,137,144,149],{"id":130,"label":131,"slug":132,"rank":60,"group":133},76,"Tutorial","tutorial",{"id":134,"label":135,"slug":136},7,"Onboarding & Education","onboarding-and-education",{"id":138,"label":139,"slug":140,"rank":62,"group":141},57,"Map","map",{"id":89,"label":142,"slug":143},"Media & Tools","media-and-tools",{"id":145,"label":146,"slug":147,"rank":57,"group":148},73,"Guided Tour","guided-tour",{"id":134,"label":135,"slug":136},{"id":150,"label":151,"slug":152,"rank":153,"group":154},82,"Media Detail","media-detail",3,{"id":155,"label":156,"slug":157},8,"Pages & Content","pages-and-content",[159,163,167,171,175],{"id":160,"title":161,"slug":162},214,"Popover","popover",{"id":164,"title":165,"slug":166},240,"Horizontal navigation","horizontal-navigation",{"id":168,"title":169,"slug":170},169,"Avatar","avatar",{"id":172,"title":173,"slug":174},277,"Button group","button-group",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":124,"description":180,"canonical_path":4,"image":181,"width":51,"height":52,"image_alt":127,"kind":54,"patterns":182,"component_categories":200,"app":210},"f6119111-84a0-43c4-b272-550b45bd850b","Design editor canvas where the user follows an interactive tutorial to learn basic map tools like pins, routes, and navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6119111-84a0-43c4-b272-550b45bd850b.png",[183,185,187,192,194],{"id":130,"label":131,"slug":132,"rank":60,"group":184},{"id":134,"label":135,"slug":136},{"id":138,"label":139,"slug":140,"rank":62,"group":186},{"id":89,"label":142,"slug":143},{"id":188,"label":189,"slug":190,"rank":57,"group":191},55,"Design Editor","design-editor",{"id":89,"label":142,"slug":143},{"id":145,"label":146,"slug":147,"rank":153,"group":193},{"id":134,"label":135,"slug":136},{"id":195,"label":196,"slug":197,"rank":198,"group":199},58,"Media Editor","media-editor",4,{"id":89,"label":142,"slug":143},[201,205,206,207,208,209],{"id":202,"title":203,"slug":204},174,"Card","card",{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":172,"title":173,"slug":174},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":124,"description":214,"canonical_path":4,"image":215,"width":51,"height":52,"image_alt":127,"kind":54,"patterns":216,"component_categories":223,"app":232},"e788cc8e-0e08-4fe5-a03f-57eed5f8bb84","Map editor interface where the user is following a 10-step tutorial to learn how to use routing, pins, and drawing tools on a map of Central Park.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe788cc8e-0e08-4fe5-a03f-57eed5f8bb84.png",[217,219,221],{"id":145,"label":146,"slug":147,"rank":60,"group":218},{"id":134,"label":135,"slug":136},{"id":195,"label":196,"slug":197,"rank":62,"group":220},{"id":89,"label":142,"slug":143},{"id":188,"label":189,"slug":190,"rank":57,"group":222},{"id":89,"label":142,"slug":143},[224,228,229,230,231],{"id":225,"title":226,"slug":227},183,"Color picker","color-picker",{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":172,"title":173,"slug":174},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":124,"description":236,"canonical_path":4,"image":237,"width":51,"height":52,"image_alt":127,"kind":54,"patterns":238,"component_categories":243,"app":249},"1e9125c1-3c59-40d8-b9c6-5d8df93ae444","Map editor interface where the user follows a product tour to learn routing, pinning, and drawing tools over a map of Central Park.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e9125c1-3c59-40d8-b9c6-5d8df93ae444.png",[239,241],{"id":145,"label":146,"slug":147,"rank":60,"group":240},{"id":134,"label":135,"slug":136},{"id":188,"label":189,"slug":190,"rank":62,"group":242},{"id":89,"label":142,"slug":143},[244,245,246,247,248],{"id":225,"title":226,"slug":227},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":172,"title":173,"slug":174},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":124,"description":253,"canonical_path":4,"image":254,"width":51,"height":52,"image_alt":127,"kind":54,"patterns":255,"component_categories":262,"app":266},"45df9919-6196-45a4-8484-cb51a310e0bb","Design editor where the user learns to use map tools like pins and routes via an interactive tutorial overlaid on Central Park.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F45df9919-6196-45a4-8484-cb51a310e0bb.png",[256,258,260],{"id":130,"label":131,"slug":132,"rank":60,"group":257},{"id":134,"label":135,"slug":136},{"id":188,"label":189,"slug":190,"rank":62,"group":259},{"id":89,"label":142,"slug":143},{"id":145,"label":146,"slug":147,"rank":57,"group":261},{"id":134,"label":135,"slug":136},[263,264,265],{"id":168,"title":169,"slug":170},{"id":172,"title":173,"slug":174},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":267},[],{"uuid":269,"title":124,"description":270,"canonical_path":4,"image":271,"width":51,"height":52,"image_alt":127,"kind":54,"patterns":272,"component_categories":281,"app":287},"ca817cbb-27b2-47f4-8fcc-b0ccdc557505","Onboarding product tour where the user learns to draw routes, drop pins, and add labels on a map canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca817cbb-27b2-47f4-8fcc-b0ccdc557505.png",[273,275,277,279],{"id":130,"label":131,"slug":132,"rank":60,"group":274},{"id":134,"label":135,"slug":136},{"id":138,"label":139,"slug":140,"rank":62,"group":276},{"id":89,"label":142,"slug":143},{"id":145,"label":146,"slug":147,"rank":57,"group":278},{"id":134,"label":135,"slug":136},{"id":195,"label":196,"slug":197,"rank":153,"group":280},{"id":89,"label":142,"slug":143},[282,283,284,285,286],{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":172,"title":173,"slug":174},{"id":168,"title":169,"slug":170},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":288},[],{"uuid":290,"title":124,"description":291,"canonical_path":4,"image":292,"width":51,"height":52,"image_alt":127,"kind":54,"patterns":293,"component_categories":304,"app":308},"48335c93-b50d-42db-bc1f-6c207cec6291","Map editor canvas showing an interactive tutorial with drawn routes, pins, and instructional tooltips.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F48335c93-b50d-42db-bc1f-6c207cec6291.png",[294,296,298,300,302],{"id":130,"label":131,"slug":132,"rank":60,"group":295},{"id":134,"label":135,"slug":136},{"id":138,"label":139,"slug":140,"rank":62,"group":297},{"id":89,"label":142,"slug":143},{"id":145,"label":146,"slug":147,"rank":57,"group":299},{"id":134,"label":135,"slug":136},{"id":195,"label":196,"slug":197,"rank":153,"group":301},{"id":89,"label":142,"slug":143},{"id":188,"label":189,"slug":190,"rank":198,"group":303},{"id":89,"label":142,"slug":143},[305,306,307],{"id":168,"title":169,"slug":170},{"id":172,"title":173,"slug":174},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":309},[],[],[312,314,316,318,320,322,324,326,328,330,333,336,339,342,345,348,350,354,358,362],{"label":146,"to":313},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":189,"to":315},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":131,"to":317},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":139,"to":319},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":196,"to":321},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":58,"to":323},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":90,"to":325},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":151,"to":327},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":115,"to":329},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":331,"to":332},"Felt marketing pages","\u002Fexamples\u002Fapps\u002Ffelt\u002Fmarketing",{"label":334,"to":335},"Felt user flows","\u002Fexamples\u002Fapps\u002Ffelt\u002Fflows",{"label":337,"to":338},"Felt UI components","\u002Fexamples\u002Fapps\u002Ffelt\u002Fcomponents",{"label":340,"to":341},"Maps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmaps",{"label":343,"to":344},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":346,"to":347},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":349,"to":18},"All SaaS app examples",{"label":351,"to":352,"description":353},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":355,"to":356,"description":357},"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":359,"to":360,"description":361},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":363,"to":364,"description":365},"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":367,"updated_at":368},"2022-07-31T20:25:39.000Z","2026-09-13T13:02:39.000Z"]