[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffelt":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":335,"dates":371},"\u002Fexamples\u002Fapps\u002Ffelt","detail","apps",true,{"title":9,"description":10,"og_image":11},"Felt design examples - Nicelydone","Explore Felt UI design examples. The best way to make maps on the internet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cf98f0f-c1c6-431c-b2d1-2411d976ffbf.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Felt design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Felt",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ffelt\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ffelt\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ffelt\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ffelt\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Felt","felt","The best way to make maps on the internet","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffelt-f0a4bd2b.png","https:\u002F\u002Ffelt.com",[47,51,55],{"id":48,"title":49,"slug":50},44,"Maps","maps",{"id":52,"title":53,"slug":54},23,"Collaboration","collaboration",{"id":56,"title":57,"slug":58},46,"Analytics","analytics",[],[61,326,329,332],{"family":62,"examples":63},"screens",[64,88,99,113,124,138,194,228,250,267,284,305],{"uuid":65,"title":41,"description":66,"canonical_path":29,"image":11,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":71,"component_categories":81,"app":86},"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",[72],{"id":73,"label":74,"slug":75,"rank":76,"group":77},2,"Forgot Password","forgot-password",0,{"id":78,"label":79,"slug":80},1,"Access & Account","access-and-account",[82],{"id":83,"title":84,"slug":85},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":87},[],{"uuid":89,"title":41,"description":90,"canonical_path":29,"image":91,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":92,"component_categories":95,"app":97},"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",[93],{"id":73,"label":74,"slug":75,"rank":76,"group":94},{"id":78,"label":79,"slug":80},[96],{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":98},[],{"uuid":100,"title":41,"description":101,"canonical_path":29,"image":102,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":103,"component_categories":109,"app":111},"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",[104],{"id":105,"label":106,"slug":107,"rank":76,"group":108},5,"Sign Up","sign-up",{"id":78,"label":79,"slug":80},[110],{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":112},[],{"uuid":114,"title":41,"description":115,"canonical_path":29,"image":116,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":117,"component_categories":120,"app":122},"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",[118],{"id":105,"label":106,"slug":107,"rank":76,"group":119},{"id":78,"label":79,"slug":80},[121],{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":123},[],{"uuid":125,"title":41,"description":126,"canonical_path":29,"image":127,"width":67,"height":68,"image_alt":69,"kind":70,"patterns":128,"component_categories":134,"app":136},"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",[129],{"id":130,"label":131,"slug":132,"rank":76,"group":133},6,"Verification","verification",{"id":78,"label":79,"slug":80},[135],{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":29,"image":142,"width":67,"height":68,"image_alt":143,"kind":70,"patterns":144,"component_categories":174,"app":192},"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",[145,153,160,165],{"id":146,"label":147,"slug":148,"rank":76,"group":149},76,"Tutorial","tutorial",{"id":150,"label":151,"slug":152},7,"Onboarding & Education","onboarding-and-education",{"id":154,"label":155,"slug":156,"rank":78,"group":157},57,"Map","map",{"id":105,"label":158,"slug":159},"Media & Tools","media-and-tools",{"id":161,"label":162,"slug":163,"rank":73,"group":164},73,"Guided Tour","guided-tour",{"id":150,"label":151,"slug":152},{"id":166,"label":167,"slug":168,"rank":169,"group":170},82,"Media Detail","media-detail",3,{"id":171,"label":172,"slug":173},8,"Pages & Content","pages-and-content",[175,179,183,187,191],{"id":176,"title":177,"slug":178},214,"Popover","popover",{"id":180,"title":181,"slug":182},240,"Horizontal navigation","horizontal-navigation",{"id":184,"title":185,"slug":186},169,"Avatar","avatar",{"id":188,"title":189,"slug":190},277,"Button group","button-group",{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":193},[],{"uuid":195,"title":140,"description":196,"canonical_path":29,"image":197,"width":67,"height":68,"image_alt":143,"kind":70,"patterns":198,"component_categories":216,"app":226},"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",[199,201,203,208,210],{"id":146,"label":147,"slug":148,"rank":76,"group":200},{"id":150,"label":151,"slug":152},{"id":154,"label":155,"slug":156,"rank":78,"group":202},{"id":105,"label":158,"slug":159},{"id":204,"label":205,"slug":206,"rank":73,"group":207},55,"Design Editor","design-editor",{"id":105,"label":158,"slug":159},{"id":161,"label":162,"slug":163,"rank":169,"group":209},{"id":150,"label":151,"slug":152},{"id":211,"label":212,"slug":213,"rank":214,"group":215},58,"Media Editor","media-editor",4,{"id":105,"label":158,"slug":159},[217,221,222,223,224,225],{"id":218,"title":219,"slug":220},174,"Card","card",{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":188,"title":189,"slug":190},{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":227},[],{"uuid":229,"title":140,"description":230,"canonical_path":29,"image":231,"width":67,"height":68,"image_alt":143,"kind":70,"patterns":232,"component_categories":239,"app":248},"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",[233,235,237],{"id":161,"label":162,"slug":163,"rank":76,"group":234},{"id":150,"label":151,"slug":152},{"id":211,"label":212,"slug":213,"rank":78,"group":236},{"id":105,"label":158,"slug":159},{"id":204,"label":205,"slug":206,"rank":73,"group":238},{"id":105,"label":158,"slug":159},[240,244,245,246,247],{"id":241,"title":242,"slug":243},183,"Color picker","color-picker",{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":188,"title":189,"slug":190},{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":249},[],{"uuid":251,"title":140,"description":252,"canonical_path":29,"image":253,"width":67,"height":68,"image_alt":143,"kind":70,"patterns":254,"component_categories":259,"app":265},"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",[255,257],{"id":161,"label":162,"slug":163,"rank":76,"group":256},{"id":150,"label":151,"slug":152},{"id":204,"label":205,"slug":206,"rank":78,"group":258},{"id":105,"label":158,"slug":159},[260,261,262,263,264],{"id":241,"title":242,"slug":243},{"id":180,"title":181,"slug":182},{"id":184,"title":185,"slug":186},{"id":188,"title":189,"slug":190},{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":266},[],{"uuid":268,"title":140,"description":269,"canonical_path":29,"image":270,"width":67,"height":68,"image_alt":143,"kind":70,"patterns":271,"component_categories":278,"app":282},"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",[272,274,276],{"id":146,"label":147,"slug":148,"rank":76,"group":273},{"id":150,"label":151,"slug":152},{"id":204,"label":205,"slug":206,"rank":78,"group":275},{"id":105,"label":158,"slug":159},{"id":161,"label":162,"slug":163,"rank":73,"group":277},{"id":150,"label":151,"slug":152},[279,280,281],{"id":184,"title":185,"slug":186},{"id":188,"title":189,"slug":190},{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":283},[],{"uuid":285,"title":140,"description":286,"canonical_path":29,"image":287,"width":67,"height":68,"image_alt":143,"kind":70,"patterns":288,"component_categories":297,"app":303},"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",[289,291,293,295],{"id":146,"label":147,"slug":148,"rank":76,"group":290},{"id":150,"label":151,"slug":152},{"id":154,"label":155,"slug":156,"rank":78,"group":292},{"id":105,"label":158,"slug":159},{"id":161,"label":162,"slug":163,"rank":73,"group":294},{"id":150,"label":151,"slug":152},{"id":211,"label":212,"slug":213,"rank":169,"group":296},{"id":105,"label":158,"slug":159},[298,299,300,301,302],{"id":176,"title":177,"slug":178},{"id":180,"title":181,"slug":182},{"id":188,"title":189,"slug":190},{"id":184,"title":185,"slug":186},{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":304},[],{"uuid":306,"title":140,"description":307,"canonical_path":29,"image":308,"width":67,"height":68,"image_alt":143,"kind":70,"patterns":309,"component_categories":320,"app":324},"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",[310,312,314,316,318],{"id":146,"label":147,"slug":148,"rank":76,"group":311},{"id":150,"label":151,"slug":152},{"id":154,"label":155,"slug":156,"rank":78,"group":313},{"id":105,"label":158,"slug":159},{"id":161,"label":162,"slug":163,"rank":73,"group":315},{"id":150,"label":151,"slug":152},{"id":211,"label":212,"slug":213,"rank":169,"group":317},{"id":105,"label":158,"slug":159},{"id":204,"label":205,"slug":206,"rank":214,"group":319},{"id":105,"label":158,"slug":159},[321,322,323],{"id":184,"title":185,"slug":186},{"id":188,"title":189,"slug":190},{"id":83,"title":84,"slug":85},{"slug":42,"title":41,"logo":44,"categories":325},[],{"family":327,"examples":328},"flows",[],{"family":330,"examples":331},"components",[],{"family":333,"examples":334},"pages",[],[336,338,340,342,344,347,350,353,355,359,363,367],{"label":337,"to":29},"Felt product screens",{"label":339,"to":38},"Felt marketing pages",{"label":341,"to":32},"Felt user flows",{"label":343,"to":35},"Felt UI components",{"label":345,"to":346},"Maps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmaps",{"label":348,"to":349},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":351,"to":352},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":354,"to":18},"All SaaS app examples",{"label":356,"to":357,"description":358},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":360,"to":361,"description":362},"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":364,"to":365,"description":366},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":368,"to":369,"description":370},"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":372,"updated_at":373},"2022-07-31T20:25:39.000Z","2026-09-13T13:02:39.000Z"]