[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flink\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":210,"links":211,"dates":245},"\u002Fexamples\u002Fapps\u002Flink\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Link UI components examples - Nicelydone","Browse Link UI component design examples. Preview individual interface elements and explore related component categories. Simple, secure one-click payments","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d752040-77c3-4963-9ad8-27ff5afec66b.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},"Link design examples","\u002Fexamples\u002Fapps\u002Flink",{"label":23,"to":4},"Link 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,"categories":34},"Link","link","Simple, secure one-click payments","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flink-8b1e2886.png","https:\u002F\u002Flink.com",[35,39],{"id":36,"title":37,"slug":38},36,"Finance","finance",{"id":40,"title":41,"slug":42},39,"Payments","payments",[44,59,74,89,101,116,128,143,151,166,181,196],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"557bc17b-8057-4ea0-84c4-6897458aa0a0","Empty state illustration","An empty state illustration showing a stylized, faded list of purchases, accompanied by a title and explanatory text indicating no purchases have been made yet.",722,715,"Empty state illustration from Link","component",[53],{"id":54,"title":55,"slug":56},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":61,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":66,"kind":51,"categories":67,"app":72},"db909e63-21e3-42ae-bcd0-73b2cf27dff9","Success toast","A pill-shaped success toast notification confirming a card was added.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F419ab5dd-7fd9-4afe-8174-87d58016f1b0.png",493,297,"Success toast from Link",[68],{"id":69,"title":70,"slug":71},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":79,"height":80,"image_alt":81,"kind":51,"categories":82,"app":87},"b5d5a96d-6416-42a2-b60d-a63a5e96ee41","Link UI component","A toggle switch for marketing emails.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd9687683-0b98-457f-82e8-c96054ea412b.png",898,195,"UI component from Link",[83],{"id":84,"title":85,"slug":86},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":96,"kind":51,"categories":97,"app":99},"43c8dcd1-14a9-4ab3-8df3-3c24294075c6","Beta program toggle","A toggle switch with a title and description, allowing users to opt into a beta program.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F42199604-8792-4306-b717-8610259829e2.png",904,227,"Beta program toggle from Link",[98],{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":108,"kind":51,"categories":109,"app":114},"fa6c91ca-372c-42e8-9ad3-42ab6c093fee","OTP Input","A partially filled 6-digit one-time password input field with a title and instructional text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe432a24f-7ebf-4a0f-a9d0-5f6dbec29abe.png",810,525,"OTP Input from Link",[110],{"id":111,"title":112,"slug":113},288,"Input code","input-code",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":123,"kind":51,"categories":124,"app":126},"cf246d30-eabb-4c4a-bebb-7165595e7b9f","Phone Verification Form","A form prompting the user to enter a 6-digit verification code sent to their phone number.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F833dd456-0cb2-4b0c-a91f-fc9af8a11bb6.png",841,542,"Phone Verification Form from Link",[125],{"id":111,"title":112,"slug":113},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":135,"kind":51,"categories":136,"app":141},"2f52bd20-8517-4e0f-b6e1-3c3321f715df","Phone number input","A phone number input field with a country code selector and a pre-filled US number.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd2ef1231-7b3d-4858-b910-0394e6ed52fc.png",1268,372,"Phone number input from Link",[137],{"id":138,"title":139,"slug":140},203,"Input phone number","input-phone-number",{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":130,"description":145,"canonical_path":4,"image":146,"width":133,"height":134,"image_alt":135,"kind":51,"categories":147,"app":149},"6dc55099-6271-4c2e-9ac4-29fdbed05fb2","A text input field for entering a mobile phone number, featuring a country code selector with a flag icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9b609de0-e57c-42a2-a0f2-b570e5c1bd80.png",[148],{"id":138,"title":139,"slug":140},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":158,"kind":51,"categories":159,"app":164},"f915b808-97bd-4215-b94d-bd106807359d","Loading email input","An email input field showing a loading spinner after the user has entered their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3916b3ca-2da0-457b-a688-bc394e79083a.png",1342,432,"Loading email input from Link",[160],{"id":161,"title":162,"slug":163},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":173,"kind":51,"categories":174,"app":179},"d32e8c18-89aa-4e1f-9898-89b0d4a21a2e","Footer with CTA","A dark-themed footer section featuring a prominent 'Get started' call to action, a secondary link for businesses, and standard footer navigation links including region and language selectors.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6d6d12d8-2fd6-45bd-b3f8-83a6c2b4ed6a.png",2415,1008,"Footer with CTA from Link",[175],{"id":176,"title":177,"slug":178},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":188,"kind":51,"categories":189,"app":194},"67198256-b520-435f-90be-789bf1209db4","Minimal header","A minimal website header featuring a logo on the left and a single 'Sign up' link on the right, set against a light green gradient background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F66429c06-6c95-4000-a350-22d6f7db2c37.png",2412,217,"Minimal header from Link",[190],{"id":191,"title":192,"slug":193},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":198,"description":199,"canonical_path":4,"image":200,"width":171,"height":201,"image_alt":202,"kind":51,"categories":203,"app":208},"279f5c7a-0278-4f58-8c22-dbd7b35c19bd","FAQ section","A frequently asked questions section displaying a list of questions and their corresponding answers, separated by horizontal dividers.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F23a737eb-9121-4cdc-93f4-d2f406fe8489.png",1585,"FAQ section from Link",[204],{"id":205,"title":206,"slug":207},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":209},[],[],[212,215,218,221,224,227,229,233,237,241],{"label":213,"to":214},"Link product screens","\u002Fexamples\u002Fapps\u002Flink\u002Fscreens",{"label":216,"to":217},"Link marketing pages","\u002Fexamples\u002Fapps\u002Flink\u002Fmarketing",{"label":219,"to":220},"Link user flows","\u002Fexamples\u002Fapps\u002Flink\u002Fflows",{"label":222,"to":223},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":225,"to":226},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":228,"to":18},"All SaaS app examples",{"label":230,"to":231,"description":232},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":234,"to":235,"description":236},"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":238,"to":239,"description":240},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":242,"to":243,"description":244},"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":246,"updated_at":247},"2023-06-13T08:24:12.000Z","2026-09-13T13:02:39.000Z"]