[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fteam-billing":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":540,"links":541,"dates":602},"\u002Fexamples\u002Ftags\u002Fteam-billing","collection","screens",true,{"example_count":9,"app_count":10},26,19,{"id":12,"title":13,"description":14},79028,"Team billing","",{"title":16,"description":17,"og_image":18},"Team billing screen examples - Nicelydone","Team billing screen design examples from SaaS apps. Browse examples from Polar, Elevenlabs, Paper.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93567529-930a-49f9-9e57-be04ca22dc61.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Team billing screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"26 screens",[34,85,141,192,243,273,315,361,399,427,467,499],{"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":54,"app":63},"62c411fc-0122-4e9e-ac52-c213a09625de","Seat-Based Billing | Polar","Feature page explaining per-seat pricing capabilities for team products, detailing seat statuses, proration, and API support.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fmarketing",3024,11540,"Seat-Based Billing | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},138,"Feature Page","feature-page",0,{"id":51,"label":52,"slug":53},15,"Marketing Page Types","marketing-page-types",[55,59],{"id":56,"title":57,"slug":58},258,"Header","header",{"id":60,"title":61,"slug":62},202,"Footer","footer",{"slug":64,"title":65,"logo":66,"baseline":67,"categories":68},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[69,73,77,81],{"id":70,"title":71,"slug":72},36,"Finance","finance",{"id":74,"title":75,"slug":76},39,"Payments","payments",{"id":78,"title":79,"slug":80},48,"Developer Tools","developer-tools",{"id":82,"title":83,"slug":84},37,"Developer APIs","developer-apis",{"uuid":86,"title":87,"description":88,"canonical_path":89,"image":90,"width":39,"height":91,"image_alt":92,"published_at":93,"kind":43,"patterns":94,"component_categories":109,"app":130},"7cfbecf9-291d-4704-8d65-1f223823e292","AI Voice Generator & Text to Speech | ElevenLabs","Settings page where the user creates a new workspace group, configuring its members, billing usage limits, and product access permissions via a modal.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7cfbecf9-291d-4704-8d65-1f223823e292.png",1714,"AI Voice Generator & Text to Speech | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[95,103],{"id":96,"label":97,"slug":98,"rank":49,"group":99},104,"Team Management","team-management",{"id":100,"label":101,"slug":102},10,"Settings & Admin","settings-and-admin",{"id":104,"label":105,"slug":106,"rank":107,"group":108},100,"Roles & Permissions","roles-and-permissions",1,{"id":100,"label":101,"slug":102},[110,114,118,122,126],{"id":111,"title":112,"slug":113},167,"Alert","alert",{"id":115,"title":116,"slug":117},240,"Horizontal navigation","horizontal-navigation",{"id":119,"title":120,"slug":121},284,"Modal","modal",{"id":123,"title":124,"slug":125},233,"Tabs","tabs",{"id":127,"title":128,"slug":129},175,"Button","button",{"slug":131,"title":132,"logo":133,"baseline":134,"categories":135},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[136,140],{"id":137,"title":138,"slug":139},80,"Artificial Intelligence","artificial-intelligence",{"id":82,"title":83,"slug":84},{"uuid":142,"title":143,"description":144,"canonical_path":145,"image":146,"width":39,"height":147,"image_alt":148,"published_at":149,"kind":43,"patterns":150,"component_categories":167,"app":174},"ee26636d-1fe2-43b3-80d1-18209facecc9","Team › Billing · Paper","Settings page where the user views their current free plan status and can upgrade to a paid tier.","\u002Fexamples\u002Fapps\u002Fpaper\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee26636d-1fe2-43b3-80d1-18209facecc9.png",1780,"Team › Billing · Paper from Paper","2026-03-23T12:01:33.000Z",[151,156,164],{"id":152,"label":153,"slug":154,"rank":49,"group":155},96,"Billing Settings","billing-settings",{"id":100,"label":101,"slug":102},{"id":157,"label":158,"slug":159,"rank":107,"group":160},89,"Pricing","pricing",{"id":161,"label":162,"slug":163},9,"Plans & Limits","plans-and-limits",{"id":96,"label":97,"slug":98,"rank":165,"group":166},2,{"id":100,"label":101,"slug":102},[168,169,173],{"id":123,"title":124,"slug":125},{"id":170,"title":171,"slug":172},174,"Card","card",{"id":127,"title":128,"slug":129},{"slug":175,"title":176,"logo":177,"baseline":178,"categories":179},"paper","Paper","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6406196d-df59-4e20-b60a-7d067ada271c.png","Design, share, ship",[180,184,188],{"id":181,"title":182,"slug":183},7,"Web Development","web-development",{"id":185,"title":186,"slug":187},8,"Design","design",{"id":189,"title":190,"slug":191},23,"Collaboration","collaboration",{"uuid":193,"title":194,"description":195,"canonical_path":196,"image":197,"width":39,"height":147,"image_alt":198,"published_at":199,"kind":43,"patterns":200,"component_categories":219,"app":231},"07c8566f-6212-4eee-a746-6a00d1ad0ceb","Workspaces - Admin - Mistral AI","Settings page where the user manages their organization's active and archived workspaces, including creating new ones.","\u002Fexamples\u002Fapps\u002Fmistral\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07c8566f-6212-4eee-a746-6a00d1ad0ceb.png","Workspaces - Admin - Mistral AI from Mistral","2026-02-16T11:35:54.000Z",[201,203,211],{"id":96,"label":97,"slug":98,"rank":49,"group":202},{"id":100,"label":101,"slug":102},{"id":204,"label":205,"slug":206,"rank":107,"group":207},47,"Table","table",{"id":208,"label":209,"slug":210},4,"Data & Analysis","data-and-analysis",{"id":212,"label":213,"slug":214,"rank":165,"group":215},122,"Success","success",{"id":216,"label":217,"slug":218},12,"States & Feedback","states-and-feedback",[220,221,222,226,230],{"id":115,"title":116,"slug":117},{"id":123,"title":124,"slug":125},{"id":223,"title":224,"slug":225},169,"Avatar","avatar",{"id":227,"title":228,"slug":229},260,"Badge","badge",{"id":127,"title":128,"slug":129},{"slug":232,"title":233,"logo":234,"baseline":235,"categories":236},"mistral","Mistral","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Febdf5e59-0539-44b6-9e33-2986c1458350.png","Frontier AI. In your hands",[237,238,242],{"id":78,"title":79,"slug":80},{"id":239,"title":240,"slug":241},77,"Machine learning","machine-learning",{"id":137,"title":138,"slug":139},{"uuid":244,"title":245,"description":246,"canonical_path":247,"image":248,"width":39,"height":147,"image_alt":249,"published_at":250,"kind":43,"patterns":251,"component_categories":259,"app":262},"04b04fcb-429e-4044-82b0-57061a25dc7c","Account | Grammarly","Subscription settings page where the user can view their trial status, update payment methods, and check billing history.","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04b04fcb-429e-4044-82b0-57061a25dc7c.png","Account | Grammarly from Grammarly","2025-10-27T15:38:24.000Z",[252,254],{"id":152,"label":153,"slug":154,"rank":49,"group":253},{"id":100,"label":101,"slug":102},{"id":255,"label":256,"slug":257,"rank":107,"group":258},94,"Account Settings","account-settings",{"id":100,"label":101,"slug":102},[260,261],{"id":223,"title":224,"slug":225},{"id":127,"title":128,"slug":129},{"slug":263,"title":264,"logo":265,"baseline":266,"categories":267},"grammarly","Grammarly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrammarly-bbef73ad.png","Free online writing assistant",[268,272],{"id":269,"title":270,"slug":271},59,"Writing tools","writing-tools",{"id":137,"title":138,"slug":139},{"uuid":274,"title":275,"description":276,"canonical_path":277,"image":278,"width":39,"height":279,"image_alt":280,"published_at":281,"kind":43,"patterns":282,"component_categories":300,"app":305},"882bb0d2-dea2-46b0-8440-38afe30026e3","The Org","Settings page where the user manages their subscription, team members, credits, CRM integrations, and API keys.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F882bb0d2-dea2-46b0-8440-38afe30026e3.png",4458,"The Org from The org","2025-07-14T09:42:36.000Z",[283,285,287,289,295],{"id":255,"label":256,"slug":257,"rank":49,"group":284},{"id":100,"label":101,"slug":102},{"id":96,"label":97,"slug":98,"rank":107,"group":286},{"id":100,"label":101,"slug":102},{"id":152,"label":153,"slug":154,"rank":165,"group":288},{"id":100,"label":101,"slug":102},{"id":290,"label":291,"slug":292,"rank":293,"group":294},97,"Integrations","integrations",3,{"id":100,"label":101,"slug":102},{"id":296,"label":297,"slug":298,"rank":208,"group":299},95,"API Keys","api-keys",{"id":100,"label":101,"slug":102},[301,302,303,304],{"id":115,"title":116,"slug":117},{"id":227,"title":228,"slug":229},{"id":170,"title":171,"slug":172},{"id":127,"title":128,"slug":129},{"slug":306,"title":307,"logo":308,"baseline":309,"categories":310},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[311],{"id":312,"title":313,"slug":314},49,"Social Network","social-network",{"uuid":316,"title":317,"description":318,"canonical_path":319,"image":320,"width":39,"height":321,"image_alt":322,"published_at":323,"kind":43,"patterns":324,"component_categories":327,"app":351},"475db2e2-d0b5-41c6-b423-bbf766da84a9","File Collaboration | Team File Sharing  WeTransfer","Marketing page showcasing WeTransfer's team collaboration features, including shared branding, centralized billing, and review portals, using bento grids and product UI mockups.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F475db2e2-d0b5-41c6-b423-bbf766da84a9.png",19396,"File Collaboration | Team File Sharing  WeTransfer from WeTransfer","2025-02-24T16:12:09.000Z",[325],{"id":46,"label":47,"slug":48,"rank":49,"group":326},{"id":51,"label":52,"slug":53},[328,332,336,340,344,345,346,347,348,349,350],{"id":329,"title":330,"slug":331},298,"Bento box","bento-grid",{"id":333,"title":334,"slug":335},232,"Testimonial","testimonial",{"id":337,"title":338,"slug":339},189,"FAQ","faq",{"id":341,"title":342,"slug":343},168,"Accordion","accordion",{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"id":123,"title":124,"slug":125},{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":170,"title":171,"slug":172},{"id":127,"title":128,"slug":129},{"slug":352,"title":353,"logo":354,"baseline":355,"categories":356},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[357],{"id":358,"title":359,"slug":360},71,"File sharing","file-sharing",{"uuid":362,"title":363,"description":364,"canonical_path":365,"image":366,"width":39,"height":367,"image_alt":368,"published_at":369,"kind":43,"patterns":370,"component_categories":380,"app":385},"57072632-ceee-48dd-81e5-023f6d79153d","Maze - Team","Settings page where the user views their current free plan and sign-up date with an option to upgrade.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57072632-ceee-48dd-81e5-023f6d79153d.png",1658,"Maze - Team from Maze","2024-04-29T07:03:22.000Z",[371,373,375],{"id":96,"label":97,"slug":98,"rank":49,"group":372},{"id":100,"label":101,"slug":102},{"id":152,"label":153,"slug":154,"rank":107,"group":374},{"id":100,"label":101,"slug":102},{"id":376,"label":377,"slug":378,"rank":165,"group":379},92,"Upgrade Prompt","upgrade-prompt",{"id":161,"label":162,"slug":163},[381,382,383,384],{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":170,"title":171,"slug":172},{"id":127,"title":128,"slug":129},{"slug":386,"title":387,"logo":388,"baseline":389,"categories":390},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[391,392,396],{"id":185,"title":186,"slug":187},{"id":393,"title":394,"slug":395},69,"Surveys","surveys",{"id":96,"title":397,"slug":398},"User Research","user-research",{"uuid":400,"title":401,"description":402,"canonical_path":403,"image":404,"width":39,"height":405,"image_alt":406,"published_at":407,"kind":43,"patterns":408,"component_categories":413,"app":418},"b9d55669-2be8-4e99-a2ca-fed9718c4aa3","Bertrands Team Workspaces — Eraser","Settings modal where the user manages their subscription plan, comparing the Free and Professional tiers.","\u002Fexamples\u002Fapps\u002Feraser\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9d55669-2be8-4e99-a2ca-fed9718c4aa3.png",1722,"Bertrands Team Workspaces — Eraser from Eraser","2024-03-25T12:54:46.000Z",[409,411],{"id":157,"label":158,"slug":159,"rank":49,"group":410},{"id":161,"label":162,"slug":163},{"id":152,"label":153,"slug":154,"rank":107,"group":412},{"id":100,"label":101,"slug":102},[414,415,416,417],{"id":119,"title":120,"slug":121},{"id":227,"title":228,"slug":229},{"id":170,"title":171,"slug":172},{"id":127,"title":128,"slug":129},{"slug":419,"title":420,"logo":421,"baseline":422,"categories":423},"eraser","Eraser","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feraser-5d273b5d.png","Documents & diagrams for engineering teams",[424,425,426],{"id":189,"title":190,"slug":191},{"id":78,"title":79,"slug":80},{"id":185,"title":186,"slug":187},{"uuid":428,"title":429,"description":430,"canonical_path":431,"image":432,"width":39,"height":433,"image_alt":434,"published_at":435,"kind":43,"patterns":436,"component_categories":449,"app":458},"28a2a314-4c4c-48d4-8488-888f38dd33d5","Upgrade nicelydoneproductss team – Figma","Upgrade checkout step where the user assigns Figma design and FigJam editor seats to team members and reviews the order subtotal.","\u002Fexamples\u002Fapps\u002Ffigma\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F28a2a314-4c4c-48d4-8488-888f38dd33d5.png",1710,"Upgrade nicelydoneproductss team – Figma from Figma","2023-12-18T13:55:38.000Z",[437,445,447],{"id":438,"label":439,"slug":440,"rank":49,"group":441},130,"Checkout","checkout",{"id":442,"label":443,"slug":444},14,"Payments & Checkout","payments-and-checkout",{"id":96,"label":97,"slug":98,"rank":107,"group":446},{"id":100,"label":101,"slug":102},{"id":157,"label":158,"slug":159,"rank":165,"group":448},{"id":161,"label":162,"slug":163},[450,454,455,456,457],{"id":451,"title":452,"slug":453},227,"Stepper","stepper",{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":170,"title":171,"slug":172},{"id":127,"title":128,"slug":129},{"slug":459,"title":460,"logo":461,"baseline":462,"categories":463},"figma","Figma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffigma-569108c3.png","The collaborative interface design tool",[464,465,466],{"id":185,"title":186,"slug":187},{"id":189,"title":190,"slug":191},{"id":78,"title":79,"slug":80},{"uuid":468,"title":469,"description":470,"canonical_path":471,"image":472,"width":39,"height":473,"image_alt":474,"published_at":475,"kind":43,"patterns":476,"component_categories":483,"app":487},"53ae824c-ae08-4568-b218-b07714d34051","Your Content - Designs - PhotoRoom","Settings modal where the user views their team's current free plan status and is prompted to upgrade to Pro for additional features.","\u002Fexamples\u002Fapps\u002Fphotoroom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53ae824c-ae08-4568-b218-b07714d34051.png",1718,"Your Content - Designs - PhotoRoom from Photoroom","2023-11-21T09:02:35.000Z",[477,479,481],{"id":96,"label":97,"slug":98,"rank":49,"group":478},{"id":100,"label":101,"slug":102},{"id":152,"label":153,"slug":154,"rank":107,"group":480},{"id":100,"label":101,"slug":102},{"id":376,"label":377,"slug":378,"rank":165,"group":482},{"id":161,"label":162,"slug":163},[484,485,486],{"id":119,"title":120,"slug":121},{"id":170,"title":171,"slug":172},{"id":127,"title":128,"slug":129},{"slug":488,"title":489,"logo":490,"baseline":491,"categories":492},"photoroom","Photoroom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fphotoroom-0ae20398.png","Magic photo studio on the go",[493,497,498],{"id":494,"title":495,"slug":496},31,"Photography","photography",{"id":185,"title":186,"slug":187},{"id":137,"title":138,"slug":139},{"uuid":500,"title":501,"description":502,"canonical_path":503,"image":504,"width":39,"height":505,"image_alt":506,"published_at":507,"kind":43,"patterns":508,"component_categories":518,"app":527},"e484ceef-3de9-43e1-bcc7-620fa31a83a0","Glide","Billing settings page where the user can view their trial status, next payment estimate, and manage payment methods.","\u002Fexamples\u002Fapps\u002Fglide\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe484ceef-3de9-43e1-bcc7-620fa31a83a0.png",1738,"Glide from Glide","2023-07-24T12:50:00.000Z",[509,511,516],{"id":152,"label":153,"slug":154,"rank":49,"group":510},{"id":100,"label":101,"slug":102},{"id":512,"label":513,"slug":514,"rank":107,"group":515},91,"Trial","trial",{"id":161,"label":162,"slug":163},{"id":96,"label":97,"slug":98,"rank":165,"group":517},{"id":100,"label":101,"slug":102},[519,523,524,525,526],{"id":520,"title":521,"slug":522},177,"Breadcrumb","breadcrumb",{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":170,"title":171,"slug":172},{"id":127,"title":128,"slug":129},{"slug":528,"title":501,"logo":529,"baseline":530,"categories":531},"glide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fglide-688214ec.png","Create powerful apps and websites, without code",[532,533,537],{"id":181,"title":182,"slug":183},{"id":534,"title":535,"slug":536},54,"Mobile","mobile",{"id":152,"title":538,"slug":539},"No code","no-code",[],[542,544,546,548,550,552,554,556,558,560,562,564,566,569,572,575,578,581,584,587,590,593,596,599],{"label":97,"to":543,"count":185},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":153,"to":545,"count":181},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":158,"to":547,"count":293},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":256,"to":549,"count":165},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":377,"to":551,"count":165},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":297,"to":553,"count":107},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":439,"to":555,"count":107},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":291,"to":557,"count":107},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":105,"to":559,"count":107},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":213,"to":561,"count":107},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":205,"to":563,"count":107},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":513,"to":565,"count":107},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":567,"to":568},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":570,"to":571},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":573,"to":574},"Paper design examples","\u002Fexamples\u002Fapps\u002Fpaper",{"label":576,"to":577},"Mistral design examples","\u002Fexamples\u002Fapps\u002Fmistral",{"label":579,"to":580},"Grammarly design examples","\u002Fexamples\u002Fapps\u002Fgrammarly",{"label":582,"to":583},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":585,"to":586},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":588,"to":589},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":591,"to":592},"Eraser design examples","\u002Fexamples\u002Fapps\u002Feraser",{"label":594,"to":595},"Figma design examples","\u002Fexamples\u002Fapps\u002Ffigma",{"label":597,"to":598},"Photoroom design examples","\u002Fexamples\u002Fapps\u002Fphotoroom",{"label":600,"to":601},"Glide design examples","\u002Fexamples\u002Fapps\u002Fglide",{"published_at":603,"updated_at":42},"2023-07-21T13:27:25.000Z"]