[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Ffeatures":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":556,"links":557,"dates":618},"\u002Fexamples\u002Ftags\u002Ffeatures","collection","screens",true,{"example_count":9,"app_count":10},1531,208,{"id":12,"title":13,"description":14},5736,"Features","",{"title":16,"description":17,"og_image":18},"Features screen examples - Nicelydone","Features screen design examples from SaaS apps. Browse examples from Exa, Optimal, Capsule.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd82feb63-5663-4b22-8120-c5f9fe602474.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Features screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1531 screens",[34,101,159,196,234,275,301,374,402,432,475,526],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":66,"app":83},"d82feb63-5663-4b22-8120-c5f9fe602474","Exa Websets | People Search & B2B Lead Generation","Settings page where the user views their current Pro plan trial status, credit balance, and compares available subscription tiers.","\u002Fexamples\u002Fapps\u002Fexa\u002Fscreens",3024,1758,"Exa Websets | People Search & B2B Lead Generation from Exa","2026-06-23T14:19:28.000Z","screen",[45,54,60],{"id":46,"label":47,"slug":48,"rank":49,"group":50},89,"Pricing","pricing",0,{"id":51,"label":52,"slug":53},9,"Plans & Limits","plans-and-limits",{"id":55,"label":56,"slug":57,"rank":58,"group":59},91,"Trial","trial",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},93,"Usage Limit","usage-limit",2,{"id":51,"label":52,"slug":53},[67,71,75,79],{"id":68,"title":69,"slug":70},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},260,"Badge","badge",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[89,93,97],{"id":90,"title":91,"slug":92},55,"Search engine","search-engine",{"id":94,"title":95,"slug":96},80,"Artificial Intelligence","artificial-intelligence",{"id":98,"title":99,"slug":100},37,"Developer APIs","developer-apis",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":39,"height":107,"image_alt":108,"published_at":109,"kind":43,"patterns":110,"component_categories":135,"app":145},"38a29146-946c-487e-bcea-280f32e0185f","Features | Optimal Workshop","Settings page where the user toggles workspace features like AI Insights, Session Replay, and Video Recording on or off.","\u002Fexamples\u002Fapps\u002Foptimal\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38a29146-946c-487e-bcea-280f32e0185f.png",1780,"Features | Optimal Workshop from Optimal","2025-11-10T14:33:52.000Z",[111,119,127],{"id":112,"label":113,"slug":114,"rank":49,"group":115},102,"Settings","settings",{"id":116,"label":117,"slug":118},10,"Settings & Admin","settings-and-admin",{"id":120,"label":121,"slug":122,"rank":58,"group":123},47,"Table","table",{"id":124,"label":125,"slug":126},4,"Data & Analysis","data-and-analysis",{"id":128,"label":129,"slug":130,"rank":64,"group":131},33,"AI Settings","ai-settings",{"id":132,"label":133,"slug":134},3,"AI","ai",[136,140,144],{"id":137,"title":138,"slug":139},233,"Tabs","tabs",{"id":141,"title":142,"slug":143},240,"Horizontal navigation","horizontal-navigation",{"id":80,"title":81,"slug":82},{"slug":146,"title":147,"logo":148,"baseline":149,"categories":150},"optimal","Optimal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2c9101f5-68a3-436e-aa6b-75f25822a183.png","UX Research & Design Testing Platform",[151,155],{"id":152,"title":153,"slug":154},8,"Design","design",{"id":156,"title":157,"slug":158},104,"User Research","user-research",{"uuid":160,"title":161,"description":162,"canonical_path":163,"image":164,"width":39,"height":165,"image_alt":166,"published_at":167,"kind":43,"patterns":168,"component_categories":176,"app":186},"ee0d2820-4b5c-42cb-8e1c-0670fa481c3e","Manage Subscription | Nicelydone club CRM","Settings page where the user manages their subscription by comparing and selecting between Starter, Growth, Advanced, Ultimate, or Free plans, with options to toggle monthly or annual billing.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee0d2820-4b5c-42cb-8e1c-0670fa481c3e.png",2688,"Manage Subscription | Nicelydone club CRM from Capsule","2025-10-06T13:33:45.000Z",[169,171],{"id":46,"label":47,"slug":48,"rank":49,"group":170},{"id":51,"label":52,"slug":53},{"id":172,"label":173,"slug":174,"rank":58,"group":175},96,"Billing Settings","billing-settings",{"id":116,"label":117,"slug":118},[177,181,182,183,184,185],{"id":178,"title":179,"slug":180},177,"Breadcrumb","breadcrumb",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"id":141,"title":142,"slug":143},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":187,"title":188,"logo":189,"baseline":190,"categories":191},"capsule","Capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[192],{"id":193,"title":194,"slug":195},53,"CRM","crm",{"uuid":197,"title":198,"description":199,"canonical_path":200,"image":201,"width":39,"height":107,"image_alt":202,"published_at":203,"kind":43,"patterns":204,"component_categories":214,"app":220},"a339ed71-57a4-49a4-a9f8-626f9bfea7b1","Slite","In-app paywall modal prompting the user to choose a paid plan like Standard or Premium before their free trial expires in 14 days.","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa339ed71-57a4-49a4-a9f8-626f9bfea7b1.png","Slite from Slite","2025-09-22T15:17:02.000Z",[205,207,209],{"id":55,"label":56,"slug":57,"rank":49,"group":206},{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":58,"group":208},{"id":51,"label":52,"slug":53},{"id":210,"label":211,"slug":212,"rank":64,"group":213},92,"Upgrade Prompt","upgrade-prompt",{"id":51,"label":52,"slug":53},[215,219],{"id":216,"title":217,"slug":218},284,"Modal","modal",{"id":76,"title":77,"slug":78},{"slug":221,"title":198,"logo":222,"baseline":223,"categories":224},"slite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","Put clarity at the center of your team",[225,229,233],{"id":226,"title":227,"slug":228},22,"Knowledge Management","knowledge-management",{"id":230,"title":231,"slug":232},23,"Collaboration","collaboration",{"id":94,"title":95,"slug":96},{"uuid":235,"title":236,"description":237,"canonical_path":238,"image":239,"width":39,"height":107,"image_alt":240,"published_at":241,"kind":43,"patterns":242,"component_categories":253,"app":259},"bf53c6b0-a295-4294-9c1f-bba607883aca","Glide","In-app paywall modal where the user can choose between Explorer, Maker, and Business subscription plans on a monthly or yearly billing cycle.","\u002Fexamples\u002Fapps\u002Fglide\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf53c6b0-a295-4294-9c1f-bba607883aca.png","Glide from Glide","2025-09-15T14:48:54.000Z",[243,245],{"id":46,"label":47,"slug":48,"rank":49,"group":244},{"id":51,"label":52,"slug":53},{"id":246,"label":247,"slug":248,"rank":58,"group":249},130,"Checkout","checkout",{"id":250,"label":251,"slug":252},14,"Payments & Checkout","payments-and-checkout",[254,255,256,257,258],{"id":216,"title":217,"slug":218},{"id":68,"title":69,"slug":70},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":260,"title":236,"logo":261,"baseline":262,"categories":263},"glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[264,268,272],{"id":265,"title":266,"slug":267},7,"Web Development","web-development",{"id":269,"title":270,"slug":271},54,"Mobile","mobile",{"id":172,"title":273,"slug":274},"No code","no-code",{"uuid":276,"title":277,"description":278,"canonical_path":279,"image":280,"width":39,"height":107,"image_alt":281,"published_at":282,"kind":43,"patterns":283,"component_categories":288,"app":291},"fd3632f5-a2e7-402b-837a-9479cdf1faeb","Cobot","Paywall screen where the user must start a free trial to access the early access beta, featuring a single pricing plan with a yearly billing toggle.","\u002Fexamples\u002Fapps\u002Fcobot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd3632f5-a2e7-402b-837a-9479cdf1faeb.png","Cobot from Cobot","2025-09-15T14:01:17.000Z",[284,286],{"id":46,"label":47,"slug":48,"rank":49,"group":285},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":287},{"id":51,"label":52,"slug":53},[289,290],{"id":72,"title":73,"slug":74},{"id":80,"title":81,"slug":82},{"slug":292,"title":277,"logo":293,"baseline":294,"categories":295},"cobot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcobot-cfgifddahsrq.png","The first to-do app that does it for you",[296,297],{"id":94,"title":95,"slug":96},{"id":298,"title":299,"slug":300},30,"Productivity","productivity",{"uuid":302,"title":303,"description":304,"canonical_path":305,"image":306,"width":39,"height":307,"image_alt":308,"published_at":309,"kind":43,"patterns":310,"component_categories":339,"app":358},"077fafc6-a73b-4cb7-a832-48b6ea97881f","Functions | Zapier","Marketing page introducing Zapier Functions, featuring a product demo video, capability highlights, and a call to action to join the beta program.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F077fafc6-a73b-4cb7-a832-48b6ea97881f.png",13192,"Functions | Zapier from Zapier","2025-07-28T14:04:12.000Z",[311,318,326,331],{"id":312,"label":313,"slug":314,"rank":49,"group":315},79,"Browse","browse",{"id":152,"label":316,"slug":317},"Pages & Content","pages-and-content",{"id":319,"label":320,"slug":321,"rank":58,"group":322},61,"Video Player","video-player",{"id":323,"label":324,"slug":325},5,"Media & Tools","media-and-tools",{"id":327,"label":328,"slug":329,"rank":64,"group":330},88,"Feature Gate","feature-gate",{"id":51,"label":52,"slug":53},{"id":332,"label":333,"slug":334,"rank":132,"group":335},65,"Navigation Menu","navigation-menu",{"id":336,"label":337,"slug":338},6,"Navigation & Commands","navigation-and-commands",[340,344,348,352,356,357],{"id":341,"title":342,"slug":343},258,"Header","header",{"id":345,"title":346,"slug":347},189,"FAQ","faq",{"id":349,"title":350,"slug":351},168,"Accordion","accordion",{"id":353,"title":354,"slug":355},202,"Footer","footer",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":359,"title":360,"logo":361,"baseline":362,"categories":363},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[364,365,369,370],{"id":98,"title":99,"slug":100},{"id":366,"title":367,"slug":368},48,"Developer Tools","developer-tools",{"id":94,"title":95,"slug":96},{"id":371,"title":372,"slug":373},105,"Workflow Automation","workflow-automation",{"uuid":375,"title":376,"description":377,"canonical_path":378,"image":379,"width":39,"height":107,"image_alt":380,"published_at":381,"kind":43,"patterns":382,"component_categories":387,"app":390},"fd678e3c-47b0-4a1e-8ae5-ce6ac0a77158","Nicelydone Club billing","Settings page where the user views a modal to compare and switch between monthly and annual subscription plans, complete with a detailed cost breakdown for editors and consumers.","\u002Fexamples\u002Fapps\u002Flingo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd678e3c-47b0-4a1e-8ae5-ce6ac0a77158.png","Nicelydone Club billing from Lingo","2025-07-21T12:34:41.000Z",[383,385],{"id":46,"label":47,"slug":48,"rank":49,"group":384},{"id":51,"label":52,"slug":53},{"id":172,"label":173,"slug":174,"rank":58,"group":386},{"id":116,"label":117,"slug":118},[388,389],{"id":216,"title":217,"slug":218},{"id":137,"title":138,"slug":139},{"slug":391,"title":392,"logo":393,"baseline":394,"categories":395},"lingo","Lingo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flingo-13d0858f.png","Build your team's visual language",[396,397,398],{"id":152,"title":153,"slug":154},{"id":226,"title":227,"slug":228},{"id":399,"title":400,"slug":401},71,"File sharing","file-sharing",{"uuid":403,"title":404,"description":405,"canonical_path":406,"image":407,"width":39,"height":107,"image_alt":408,"published_at":409,"kind":43,"patterns":410,"component_categories":415,"app":422},"04026893-f33f-4773-9d0e-c5edf0dc63e0","The Org","Paywall modal where the user compares Free, Basic, Premium, and Enterprise tiers and selects a new subscription plan with a monthly or yearly billing toggle.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04026893-f33f-4773-9d0e-c5edf0dc63e0.png","The Org from The org","2025-07-14T09:42:36.000Z",[411,413],{"id":46,"label":47,"slug":48,"rank":49,"group":412},{"id":51,"label":52,"slug":53},{"id":246,"label":247,"slug":248,"rank":58,"group":414},{"id":250,"label":251,"slug":252},[416,417,418,419,420,421],{"id":216,"title":217,"slug":218},{"id":72,"title":73,"slug":74},{"id":137,"title":138,"slug":139},{"id":141,"title":142,"slug":143},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[428],{"id":429,"title":430,"slug":431},49,"Social Network","social-network",{"uuid":433,"title":434,"description":435,"canonical_path":436,"image":437,"width":39,"height":438,"image_alt":439,"published_at":440,"kind":43,"patterns":441,"component_categories":455,"app":461},"c151b13b-84c2-4a5b-ae1e-67701bb82d4f","Nicelydone","Feedback board where users can view, search, and filter a list of feature requests and bug reports, complete with upvote counts and status indicators.","\u002Fexamples\u002Fapps\u002Ffeatureos\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc151b13b-84c2-4a5b-ae1e-67701bb82d4f.png",1952,"Nicelydone from FeatureOS","2025-06-23T19:38:05.000Z",[442,444,451],{"id":312,"label":313,"slug":314,"rank":49,"group":443},{"id":152,"label":316,"slug":317},{"id":445,"label":446,"slug":447,"rank":58,"group":448},13,"Filter & Sort","filter-and-sort",{"id":64,"label":449,"slug":450},"Actions","actions",{"id":226,"label":452,"slug":453,"rank":64,"group":454},"Search","search",{"id":64,"label":449,"slug":450},[456,457,458,459,460],{"id":68,"title":69,"slug":70},{"id":137,"title":138,"slug":139},{"id":72,"title":73,"slug":74},{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":462,"title":463,"logo":464,"baseline":465,"categories":466},"featureos","FeatureOS","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffeatureos-3jiqbpun.png","Turn every piece of feedback into your competitive edge",[467,471],{"id":468,"title":469,"slug":470},86,"Product management","product-management",{"id":472,"title":473,"slug":474},35,"Feedback","feedback",{"uuid":476,"title":477,"description":478,"canonical_path":479,"image":480,"width":39,"height":481,"image_alt":482,"published_at":483,"kind":43,"patterns":484,"component_categories":504,"app":511},"a609817f-b542-4b62-abab-6b343450f4db","Web App Design - Jasper","Content editor where the user drafts a web app design landing page with formatting tools and inline AI suggestions.","\u002Fexamples\u002Fapps\u002Fjasper\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa609817f-b542-4b62-abab-6b343450f4db.png",6040,"Web App Design - Jasper from Jasper","2025-06-09T19:56:39.000Z",[485,489,494,499],{"id":90,"label":486,"slug":487,"rank":49,"group":488},"Design Editor","design-editor",{"id":323,"label":324,"slug":325},{"id":490,"label":491,"slug":492,"rank":58,"group":493},29,"AI Editing","ai-editing",{"id":132,"label":133,"slug":134},{"id":495,"label":496,"slug":497,"rank":64,"group":498},24,"Share","share",{"id":64,"label":449,"slug":450},{"id":500,"label":501,"slug":502,"rank":132,"group":503},27,"AI Assistant","ai-assistant",{"id":132,"label":133,"slug":134},[505,509,510],{"id":506,"title":507,"slug":508},277,"Button group","button-group",{"id":141,"title":142,"slug":143},{"id":80,"title":81,"slug":82},{"slug":512,"title":513,"logo":514,"baseline":515,"categories":516},"jasper","Jasper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjasper-9e3545c6.png","AI Copywriter",[517,518,522],{"id":94,"title":95,"slug":96},{"id":519,"title":520,"slug":521},25,"Marketing","marketing",{"id":523,"title":524,"slug":525},59,"Writing tools","writing-tools",{"uuid":527,"title":528,"description":529,"canonical_path":530,"image":531,"width":39,"height":532,"image_alt":533,"published_at":534,"kind":43,"patterns":535,"component_categories":540,"app":543},"0e4e2534-b3de-4a55-95ed-96cbe118ac51","Creative Automation Platform","In-app paywall where the user compares Plus and Enterprise subscription tiers using a monthly\u002Fyearly toggle and a detailed feature matrix.","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e4e2534-b3de-4a55-95ed-96cbe118ac51.png",14410,"Creative Automation Platform from Creatopy","2025-05-12T13:15:20.000Z",[536,538],{"id":46,"label":47,"slug":48,"rank":49,"group":537},{"id":51,"label":52,"slug":53},{"id":246,"label":247,"slug":248,"rank":58,"group":539},{"id":250,"label":251,"slug":252},[541,542],{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":544,"title":545,"logo":546,"baseline":547,"categories":548},"creatopy","Creatopy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F34489b36-b68e-428c-97e3-5f0960355f9f.png","Ad Campaigns  for the AI Age",[549,550,551,552],{"id":152,"title":153,"slug":154},{"id":94,"title":95,"slug":96},{"id":519,"title":520,"slug":521},{"id":553,"title":554,"slug":555},81,"Advertising","advertising",[],[558,560,562,564,566,568,570,572,574,576,578,580,582,585,588,591,594,597,600,603,606,609,612,615],{"label":47,"to":559,"count":152},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":247,"to":561,"count":132},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":56,"to":563,"count":132},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":173,"to":565,"count":64},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":313,"to":567,"count":64},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":501,"to":569,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":491,"to":571,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":129,"to":573,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":486,"to":575,"count":58},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":328,"to":577,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":446,"to":579,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":333,"to":581,"count":58},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":583,"to":584},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":586,"to":587},"Optimal design examples","\u002Fexamples\u002Fapps\u002Foptimal",{"label":589,"to":590},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":592,"to":593},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":595,"to":596},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"label":598,"to":599},"Cobot design examples","\u002Fexamples\u002Fapps\u002Fcobot",{"label":601,"to":602},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":604,"to":605},"Lingo design examples","\u002Fexamples\u002Fapps\u002Flingo",{"label":607,"to":608},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":610,"to":611},"FeatureOS design examples","\u002Fexamples\u002Fapps\u002Ffeatureos",{"label":613,"to":614},"Jasper design examples","\u002Fexamples\u002Fapps\u002Fjasper",{"label":616,"to":617},"Creatopy design examples","\u002Fexamples\u002Fapps\u002Fcreatopy",{"published_at":619,"updated_at":620},"2024-12-11T14:12:22.000Z","2026-09-22T02:35:15.884Z"]