[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fpremium":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":554,"links":555,"dates":617},"\u002Fexamples\u002Ftags\u002Fpremium","collection","screens",true,{"example_count":9,"app_count":10},847,276,{"id":12,"title":13,"description":14},91055,"Premium","",{"title":16,"description":17,"og_image":18},"Premium screen examples - Nicelydone","Premium screen design examples from SaaS apps. Browse examples from Sora, Grok, Bitly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0f1f5f6-413c-4f00-8d74-1fa552b6ee50.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Premium screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"847 screens",[34,99,136,190,231,265,318,362,413,459,483,530],{"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":69,"app":86},"a0f1f5f6-413c-4f00-8d74-1fa552b6ee50","Sora","Settings modal where the user views their current 'Free' plan limits, showing a maximum of 3 images per day, with an option to manage the plan.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens",3024,1780,"Sora from Sora","2025-04-14T09:27:56.000Z","screen",[45,54,63],{"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},102,"Settings","settings",1,{"id":60,"label":61,"slug":62},10,"Settings & Admin","settings-and-admin",{"id":64,"label":65,"slug":66,"rank":67,"group":68},93,"Usage Limit","usage-limit",2,{"id":51,"label":52,"slug":53},[70,74,78,82],{"id":71,"title":72,"slug":73},284,"Modal","modal",{"id":75,"title":76,"slug":77},233,"Tabs","tabs",{"id":79,"title":80,"slug":81},169,"Avatar","avatar",{"id":83,"title":84,"slug":85},260,"Badge","badge",{"slug":87,"title":36,"logo":88,"baseline":89,"categories":90},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[91,95],{"id":92,"title":93,"slug":94},80,"Artificial Intelligence","artificial-intelligence",{"id":96,"title":97,"slug":98},100,"Video","video",{"uuid":100,"title":101,"description":102,"canonical_path":103,"image":104,"width":39,"height":105,"image_alt":106,"published_at":107,"kind":43,"patterns":108,"component_categories":124,"app":130},"8ab46907-33bc-4efb-a3ce-7e8c20e9ce7f","Grok","Upgrade modal where the user compares the Free and SuperGrok plans, views query limits, and selects a monthly or yearly billing cycle to subscribe.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ab46907-33bc-4efb-a3ce-7e8c20e9ce7f.png",1714,"Grok from Grok","2025-04-14T08:55:44.000Z",[109,111,119],{"id":46,"label":47,"slug":48,"rank":49,"group":110},{"id":51,"label":52,"slug":53},{"id":112,"label":113,"slug":114,"rank":58,"group":115},130,"Checkout","checkout",{"id":116,"label":117,"slug":118},14,"Payments & Checkout","payments-and-checkout",{"id":120,"label":121,"slug":122,"rank":67,"group":123},131,"Payment Form","payment-form",{"id":116,"label":117,"slug":118},[125,126],{"id":71,"title":72,"slug":73},{"id":127,"title":128,"slug":129},175,"Button","button",{"slug":131,"title":101,"logo":132,"baseline":133,"categories":134},"grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[135],{"id":92,"title":93,"slug":94},{"uuid":137,"title":138,"description":139,"canonical_path":140,"image":141,"width":39,"height":142,"image_alt":143,"published_at":144,"kind":43,"patterns":145,"component_categories":154,"app":173},"2db0df93-f65e-4a9a-822b-4c92d5b86429","Pricing | Bitly Core, Growth, Premium  Enterprise Pricing Plans","Pricing page where the user chooses between Free, Core, Growth, Premium, and Enterprise plans, followed by a detailed feature comparison table.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2db0df93-f65e-4a9a-822b-4c92d5b86429.png",15220,"Pricing | Bitly Core, Growth, Premium  Enterprise Pricing Plans from Bitly","2025-03-31T12:38:36.000Z",[146],{"id":147,"label":148,"slug":149,"rank":49,"group":150},143,"Pricing Page","pricing-page",{"id":151,"label":152,"slug":153},15,"Marketing Page Types","marketing-page-types",[155,159,163,167,171,172],{"id":156,"title":157,"slug":158},258,"Header","header",{"id":160,"title":161,"slug":162},202,"Footer","footer",{"id":164,"title":165,"slug":166},168,"Accordion","accordion",{"id":168,"title":169,"slug":170},174,"Card","card",{"id":83,"title":84,"slug":85},{"id":127,"title":128,"slug":129},{"slug":174,"title":175,"logo":176,"baseline":177,"categories":178},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[179,182,186],{"id":116,"title":180,"slug":181},"Social","social",{"id":183,"title":184,"slug":185},25,"Marketing","marketing",{"id":187,"title":188,"slug":189},46,"Analytics","analytics",{"uuid":191,"title":192,"description":193,"canonical_path":194,"image":195,"width":39,"height":196,"image_alt":197,"published_at":198,"kind":43,"patterns":199,"component_categories":214,"app":221},"6ffdae0c-946d-4064-b07f-a2b831505d4e","Monarch | Goals setup","Onboarding step where the user assigns financial accounts to specific goals like student loans, car, and vacation.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6ffdae0c-946d-4064-b07f-a2b831505d4e.png",1778,"Monarch | Goals setup from Monarch","2025-03-17T14:09:52.000Z",[200,206],{"id":58,"label":201,"slug":202,"rank":49,"group":203},"Account Setup","account-setup",{"id":58,"label":204,"slug":205},"Access & Account","access-and-account",{"id":207,"label":208,"slug":209,"rank":58,"group":210},44,"Progress","progress",{"id":211,"label":212,"slug":213},4,"Data & Analysis","data-and-analysis",[215,219,220],{"id":216,"title":217,"slug":218},240,"Horizontal navigation","horizontal-navigation",{"id":79,"title":80,"slug":81},{"id":127,"title":128,"slug":129},{"slug":222,"title":223,"logo":224,"baseline":225,"categories":226},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[227],{"id":228,"title":229,"slug":230},36,"Finance","finance",{"uuid":232,"title":233,"description":234,"canonical_path":235,"image":236,"width":39,"height":237,"image_alt":238,"published_at":239,"kind":43,"patterns":240,"component_categories":246,"app":253},"4ec81f66-190c-44a8-a95b-e692e1b4d85e","A Complete Guide to LinkedIn Premium for Companies","A blog article providing a complete guide to LinkedIn Premium for companies, featuring a sticky table of contents, embedded product screenshots, and a related posts grid.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4ec81f66-190c-44a8-a95b-e692e1b4d85e.png",19996,"A Complete Guide to LinkedIn Premium for Companies from Assembly","2025-03-17T13:29:41.000Z",[241],{"id":242,"label":243,"slug":244,"rank":49,"group":245},78,"Article","article",{"id":151,"label":152,"slug":153},[247,248,249,250,251,252],{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":168,"title":169,"slug":170},{"id":83,"title":84,"slug":85},{"id":79,"title":80,"slug":81},{"id":127,"title":128,"slug":129},{"slug":254,"title":255,"logo":256,"baseline":257,"categories":258},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[259,260,264],{"id":116,"title":180,"slug":181},{"id":261,"title":262,"slug":263},23,"Collaboration","collaboration",{"id":183,"title":184,"slug":185},{"uuid":266,"title":267,"description":268,"canonical_path":269,"image":270,"width":39,"height":271,"image_alt":272,"published_at":273,"kind":43,"patterns":274,"component_categories":295,"app":307},"212bf412-331a-4f10-8107-11e849c531b5","Leap AI | Automate any workflow with AI","Settings page where the user views their current free plan status, active members, and workflow credit usage, with prompts to explore paid plans.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F212bf412-331a-4f10-8107-11e849c531b5.png",2330,"Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[275,280,282,284,290],{"id":276,"label":277,"slug":278,"rank":49,"group":279},96,"Billing Settings","billing-settings",{"id":60,"label":61,"slug":62},{"id":46,"label":47,"slug":48,"rank":58,"group":281},{"id":51,"label":52,"slug":53},{"id":64,"label":65,"slug":66,"rank":67,"group":283},{"id":51,"label":52,"slug":53},{"id":285,"label":286,"slug":287,"rank":288,"group":289},104,"Team Management","team-management",3,{"id":60,"label":61,"slug":62},{"id":291,"label":292,"slug":293,"rank":211,"group":294},92,"Upgrade Prompt","upgrade-prompt",{"id":51,"label":52,"slug":53},[296,300,304,305,306],{"id":297,"title":298,"slug":299},167,"Alert","alert",{"id":301,"title":302,"slug":303},177,"Breadcrumb","breadcrumb",{"id":168,"title":169,"slug":170},{"id":83,"title":84,"slug":85},{"id":127,"title":128,"slug":129},{"slug":308,"title":309,"logo":310,"baseline":311,"categories":312},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[313,314],{"id":92,"title":93,"slug":94},{"id":315,"title":316,"slug":317},30,"Productivity","productivity",{"uuid":319,"title":320,"description":321,"canonical_path":322,"image":323,"width":39,"height":324,"image_alt":325,"published_at":326,"kind":43,"patterns":327,"component_categories":340,"app":344},"03d4cbfb-28b8-4b1f-a990-5c6cdcb74297","Usage - Replit","Settings page where the user reviews their billing overview, monthly credits, and detailed resource usage quotas across AI, workspace development, and deployment.","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F03d4cbfb-28b8-4b1f-a990-5c6cdcb74297.png",2866,"Usage - Replit from Replit","2025-03-10T14:11:20.000Z",[328,333,338],{"id":329,"label":330,"slug":331,"rank":49,"group":332},49,"Usage","usage",{"id":211,"label":212,"slug":213},{"id":334,"label":335,"slug":336,"rank":58,"group":337},41,"Dashboard","dashboard",{"id":211,"label":212,"slug":213},{"id":276,"label":277,"slug":278,"rank":67,"group":339},{"id":60,"label":61,"slug":62},[341,342,343],{"id":168,"title":169,"slug":170},{"id":79,"title":80,"slug":81},{"id":127,"title":128,"slug":129},{"slug":345,"title":346,"logo":347,"baseline":348,"categories":349},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[350,351,355,359],{"id":92,"title":93,"slug":94},{"id":352,"title":353,"slug":354},48,"Developer Tools","developer-tools",{"id":356,"title":357,"slug":358},7,"Web Development","web-development",{"id":276,"title":360,"slug":361},"No code","no-code",{"uuid":363,"title":364,"description":365,"canonical_path":366,"image":367,"width":39,"height":196,"image_alt":368,"published_at":369,"kind":43,"patterns":370,"component_categories":393,"app":402},"f38e789f-793f-4da2-b8f0-9e22ce4c21da","Simple checkout | Flodesk","Design editor modal where the user manages active discount codes for a checkout flow, with an open dropdown menu to edit or delete a specific code.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff38e789f-793f-4da2-b8f0-9e22ce4c21da.png","Simple checkout | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[371,373,378,385,389],{"id":112,"label":113,"slug":114,"rank":49,"group":372},{"id":116,"label":117,"slug":118},{"id":374,"label":375,"slug":376,"rank":58,"group":377},47,"Table","table",{"id":211,"label":212,"slug":213},{"id":379,"label":380,"slug":381,"rank":67,"group":382},11,"Edit","edit",{"id":67,"label":383,"slug":384},"Actions","actions",{"id":51,"label":386,"slug":387,"rank":288,"group":388},"Delete","delete",{"id":67,"label":383,"slug":384},{"id":356,"label":390,"slug":391,"rank":211,"group":392},"Add & Create","add-and-create",{"id":67,"label":383,"slug":384},[394,398,399,400,401],{"id":395,"title":396,"slug":397},277,"Button group","button-group",{"id":216,"title":217,"slug":218},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"id":127,"title":128,"slug":129},{"slug":403,"title":404,"logo":405,"baseline":406,"categories":407},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[408,412],{"id":409,"title":410,"slug":411},27,"Email Newsletters","email-newsletters",{"id":183,"title":184,"slug":185},{"uuid":414,"title":415,"description":416,"canonical_path":417,"image":418,"width":39,"height":419,"image_alt":420,"published_at":421,"kind":43,"patterns":422,"component_categories":432,"app":441},"72ad75bf-6aa7-4b2b-a4c9-29c2bbaf407e","Podia Change Plan","Billing settings page where the user can compare the Mover and Shaker plans, toggle annual billing, and review frequently asked questions during their free trial.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72ad75bf-6aa7-4b2b-a4c9-29c2bbaf407e.png",2962,"Podia Change Plan from Podia","2025-02-17T15:29:05.000Z",[423,425,427],{"id":46,"label":47,"slug":48,"rank":49,"group":424},{"id":51,"label":52,"slug":53},{"id":276,"label":277,"slug":278,"rank":58,"group":426},{"id":60,"label":61,"slug":62},{"id":428,"label":429,"slug":430,"rank":67,"group":431},88,"Feature Gate","feature-gate",{"id":51,"label":52,"slug":53},[433,437,438,439,440],{"id":434,"title":435,"slug":436},189,"FAQ","faq",{"id":301,"title":302,"slug":303},{"id":216,"title":217,"slug":218},{"id":164,"title":165,"slug":166},{"id":79,"title":80,"slug":81},{"slug":442,"title":443,"logo":444,"baseline":445,"categories":446},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[447,451,454,455],{"id":448,"title":449,"slug":450},32,"Education","education",{"id":58,"title":452,"slug":453},"Communities","communities",{"id":409,"title":410,"slug":411},{"id":456,"title":457,"slug":458},33,"E-Learning","e-learning",{"uuid":460,"title":461,"description":462,"canonical_path":463,"image":464,"width":39,"height":465,"image_alt":466,"published_at":467,"kind":43,"patterns":468,"component_categories":471,"app":475},"56ad7393-d361-47f1-b6c1-15b4ca7fcf07","Dub.co - Link Management for Modern Marketing Teams","Paywall overlay where the user compares Pro and Business subscription plans, toggles between monthly and yearly billing, and selects sub-tiers for the Business plan.","\u002Fexamples\u002Fapps\u002Fdub\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56ad7393-d361-47f1-b6c1-15b4ca7fcf07.png",1902,"Dub.co - Link Management for Modern Marketing Teams from Dub","2025-02-17T13:43:13.000Z",[469],{"id":46,"label":47,"slug":48,"rank":49,"group":470},{"id":51,"label":52,"slug":53},[472,473,474],{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"id":127,"title":128,"slug":129},{"slug":476,"title":477,"logo":478,"baseline":479,"categories":480},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[481,482],{"id":183,"title":184,"slug":185},{"id":187,"title":188,"slug":189},{"uuid":484,"title":485,"description":486,"canonical_path":487,"image":488,"width":39,"height":196,"image_alt":489,"published_at":490,"kind":43,"patterns":491,"component_categories":507,"app":515},"62675b0b-6e31-4043-85b1-2cbc2117b89e","New Model | Rayon","Design editor where the user modifies a 2D floorplan, adjusting properties like dimensions and rotation for a selected rectangle representing a bed.","\u002Fexamples\u002Fapps\u002Frayon\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F62675b0b-6e31-4043-85b1-2cbc2117b89e.png","New Model | Rayon from Rayon","2025-02-03T14:11:02.000Z",[492,500,502],{"id":493,"label":494,"slug":495,"rank":49,"group":496},55,"Design Editor","design-editor",{"id":497,"label":498,"slug":499},5,"Media & Tools","media-and-tools",{"id":379,"label":380,"slug":381,"rank":58,"group":501},{"id":67,"label":383,"slug":384},{"id":503,"label":504,"slug":505,"rank":67,"group":506},24,"Share","share",{"id":67,"label":383,"slug":384},[508,512,513,514],{"id":509,"title":510,"slug":511},223,"Slider","slider",{"id":164,"title":165,"slug":166},{"id":79,"title":80,"slug":81},{"id":127,"title":128,"slug":129},{"slug":516,"title":517,"logo":518,"baseline":519,"categories":520},"rayon","Rayon","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frayon-633e8478.png","The fastest tool to create perfect architectural drawings",[521,525,529],{"id":522,"title":523,"slug":524},73,"Architecture","architecture",{"id":526,"title":527,"slug":528},8,"Design","design",{"id":261,"title":262,"slug":263},{"uuid":531,"title":532,"description":533,"canonical_path":534,"image":535,"width":39,"height":196,"image_alt":536,"published_at":537,"kind":43,"patterns":538,"component_categories":543,"app":547},"ce4ba56a-86e5-4349-8d0f-7e0617542282","Equity Planner | Secfi","Drawer where the user selects up to three equity plans, such as exercising now or at exit, to generate a comparison model.","\u002Fexamples\u002Fapps\u002Fsecfi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fce4ba56a-86e5-4349-8d0f-7e0617542282.png","Equity Planner | Secfi from Secfi","2025-02-03T13:08:50.000Z",[539,541],{"id":46,"label":47,"slug":48,"rank":49,"group":540},{"id":51,"label":52,"slug":53},{"id":356,"label":390,"slug":391,"rank":58,"group":542},{"id":67,"label":383,"slug":384},[544,545,546],{"id":168,"title":169,"slug":170},{"id":83,"title":84,"slug":85},{"id":127,"title":128,"slug":129},{"slug":548,"title":549,"logo":550,"baseline":551,"categories":552},"secfi","Secfi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsecfi-680f7b1f.png","The leading financial advisor for tech people",[553],{"id":228,"title":229,"slug":230},[],[556,559,561,563,565,567,569,571,573,575,577,579,581,584,587,590,593,596,599,602,605,608,611,614],{"label":47,"to":557,"count":558},"\u002Fexamples\u002Fscreens\u002Fpricing",6,{"label":277,"to":560,"count":288},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":390,"to":562,"count":67},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":113,"to":564,"count":67},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":380,"to":566,"count":67},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":65,"to":568,"count":67},"\u002Fexamples\u002Fscreens\u002Fusage-limit",{"label":201,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":335,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":386,"to":574,"count":58},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":494,"to":576,"count":58},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":429,"to":578,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":121,"to":580,"count":58},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":582,"to":583},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":585,"to":586},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":588,"to":589},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":591,"to":592},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":594,"to":595},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":597,"to":598},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":600,"to":601},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":603,"to":604},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":606,"to":607},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":609,"to":610},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":612,"to":613},"Rayon design examples","\u002Fexamples\u002Fapps\u002Frayon",{"label":615,"to":616},"Secfi design examples","\u002Fexamples\u002Fapps\u002Fsecfi",{"published_at":618,"updated_at":619},"2025-01-04T15:39:04.000Z","2026-09-05T20:19:43.340Z"]