[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbitly\u002Fcomponents":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":188,"links":189,"dates":226},"\u002Fexamples\u002Fapps\u002Fbitly\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Bitly UI components examples - Nicelydone","Browse Bitly UI component design examples. Preview individual interface elements and explore related component categories. Build stronger digital connections","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef95f4ff-995d-4d63-ac68-f80eaaf6151b.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},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":23,"to":4},"Bitly UI components 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},"Bitly","bitly","Build stronger digital connections","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","https:\u002F\u002Fbitly.com",[35,39,43],{"id":36,"title":37,"slug":38},14,"Social","social",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},46,"Analytics","analytics",[48,63,76,85,98,111,120,133,146,156,165,175],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"3061f8cc-ca65-4189-af4c-7b7344b12406","Bitly UI component","A pricing table with four different plans.",2810,1952,"UI component from Bitly","component",[57],{"id":58,"title":59,"slug":60},303,"Pricing section","pricing-section",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":74},"0eb6be3f-cde6-486e-9651-54ed6e6a9ec5","The screenshot displays a monthly usage report with details on various features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F13828262-fc8d-420f-b4de-0959d47e9642.png",1536,1294,[70],{"id":71,"title":72,"slug":73},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":67,"height":80,"image_alt":54,"kind":55,"categories":81,"app":83},"bb7e9bbf-b2db-49b6-9de7-db49a53f9155","A plan limits modal showing usage details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43b037ce-fe1b-4c4d-a11b-644cb5e82daa.png",599,[82],{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":50,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":54,"kind":55,"categories":91,"app":96},"78da5ff9-19c5-4fab-82ae-254dbadeaf96","The screenshot displays a settings interface with a navigation menu on the left and account settings on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F29b4f0f8-5790-41c0-bc33-00a6c68f8cec.png",961,1711,[92],{"id":93,"title":94,"slug":95},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":50,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":54,"kind":55,"categories":104,"app":109},"2c54af27-31b7-450d-83eb-c932d0f02e29","Domain name search interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fad0c703c-8b7e-4604-9bab-49cf6e99e86e.png",1790,743,[105],{"id":106,"title":107,"slug":108},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":50,"description":100,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":54,"kind":55,"categories":116,"app":118},"8710c268-f4eb-4e9c-9412-b98523e467e9","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b5e25f3-50fa-43aa-b8d8-7c7d2bd82729.png",1786,529,[117],{"id":106,"title":107,"slug":108},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":50,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":54,"kind":55,"categories":126,"app":131},"f61dc013-1c2e-42fa-8b07-4ba78f74a3cf","A search bar for domain names with an AI option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F87a5fc3d-e71f-4976-8371-c96fac9d988b.png",1152,336,[127],{"id":128,"title":129,"slug":130},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":50,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":54,"kind":55,"categories":139,"app":144},"430e3ad7-eae2-402c-930e-00f6b4ada7c2","A line chart showing clicks and scans over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2b843ae8-7509-46b4-9236-ba0b27488a25.png",1511,1023,[140],{"id":141,"title":142,"slug":143},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":50,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":54,"kind":55,"categories":152,"app":154},"5c0d8b21-1af6-4440-a807-cc0b33a272c3","A donut chart showing clicks and scans by device.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c5a0f1f-eaa2-4603-8335-b0f3757ebac4.png",1432,1002,[153],{"id":141,"title":142,"slug":143},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":50,"description":158,"canonical_path":4,"image":159,"width":150,"height":160,"image_alt":54,"kind":55,"categories":161,"app":163},"e36ad685-3c61-480e-94fa-911d44dcb645","A bar chart showing clicks and scans by referrer.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffdb93de9-a8e6-4254-80fc-53bd6c80ede8.png",962,[162],{"id":141,"title":142,"slug":143},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":50,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":54,"kind":55,"categories":171,"app":173},"5d3a72e9-eb4b-4c96-bcf8-f8996881b368","The screenshot displays a bar chart illustrating page views over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa742780a-ec6b-45e6-ba80-a6fc16aa26ca.png",1740,800,[172],{"id":141,"title":142,"slug":143},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":50,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":54,"kind":55,"categories":181,"app":186},"59a88e69-ffef-4ce6-a3b7-a7c23f001386","The user has reached their monthly limit for QR code generation and is prompted to upgrade their plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F575e3c8b-1656-4cd6-8c0a-eb5225e6c104.png",1131,1115,[182],{"id":183,"title":184,"slug":185},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":187},[],[],[190,193,196,199,202,205,208,210,214,218,222],{"label":191,"to":192},"Bitly product screens","\u002Fexamples\u002Fapps\u002Fbitly\u002Fscreens",{"label":194,"to":195},"Bitly marketing pages","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing",{"label":197,"to":198},"Bitly user flows","\u002Fexamples\u002Fapps\u002Fbitly\u002Fflows",{"label":200,"to":201},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":203,"to":204},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":206,"to":207},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":209,"to":18},"All SaaS app examples",{"label":211,"to":212,"description":213},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":215,"to":216,"description":217},"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":219,"to":220,"description":221},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":223,"to":224,"description":225},"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":227,"updated_at":228},"2025-03-31T07:46:51.000Z","2026-09-13T13:02:39.000Z"]