[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffingerprint\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":218,"links":219,"dates":238},"\u002Fexamples\u002Fapps\u002Ffingerprint\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Fingerprint UI components examples - Nicelydone","Browse Fingerprint UI component design examples. Preview individual interface elements and explore related component categories. Device fingerprinting API","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F457b8e86-6309-4ccc-94f3-0d6f172c7e87.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},"Fingerprint design examples","\u002Fexamples\u002Fapps\u002Ffingerprint",{"label":23,"to":4},"Fingerprint 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":34,"categories":35},"Fingerprint","fingerprint","Device fingerprinting API","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffingerprint-c301845c.png","https:\u002F\u002Ffingerprint.com","FingerprintJs",[36,40,44],{"id":37,"title":38,"slug":39},78,"Security","security",{"id":41,"title":42,"slug":43},45,"Open Source","open-source",{"id":45,"title":46,"slug":47},37,"Developer APIs","developer-apis",[49,64,79,94,109,124,139,150,165,180,191,206],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"c7fc6862-d1a2-49b3-96d8-16887bb53b64","Rate Limit Slider","A slider control with an accompanying numeric input field to set a rate limit. It includes a label above and helper text below with a support email link.",1928,476,"Rate Limit Slider from Fingerprint","component",[58],{"id":59,"title":60,"slug":61},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"c65a92fb-5b89-4f76-823f-2992ce115456","Fingerprint UI component","A code snippet with a response status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff76b2b1d-921e-4668-a4fa-d2f2828a397b.png",2440,778,"UI component from Fingerprint",[73],{"id":74,"title":75,"slug":76},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":86,"kind":56,"categories":87,"app":92},"7f9d8d5f-9d23-483f-9bf9-f499681a9b85","Horizontal stepper","A horizontal progress stepper showing three stages of a process. The first step is marked as complete with a checkmark, the second step is currently active, and the third step is pending.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffb3d1ab3-e401-460d-97c9-20b5fe6e5844.png",1198,320,"Horizontal stepper from Fingerprint",[88],{"id":89,"title":90,"slug":91},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":101,"kind":56,"categories":102,"app":107},"81d9ce88-35d4-4e81-b423-735ed355df64","Warning Alert","A full-width warning alert banner providing instructions on domain name limits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2134a846-b2cd-4310-8068-2da124936627.png",2456,368,"Warning Alert from Fingerprint",[103],{"id":104,"title":105,"slug":106},244,"Message","message",{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":56,"categories":117,"app":122},"28ed338c-0f21-4fa7-88df-d5213b5890c1","Horizontal Stepper","A three-step horizontal progress indicator showing the current active step.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F32ca7d6d-f233-489b-90ea-0f1ae4c8c6a8.png",1389,366,"Horizontal Stepper from Fingerprint",[118],{"id":119,"title":120,"slug":121},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":131,"kind":56,"categories":132,"app":137},"6718f967-89f2-4887-8347-417c2455a18f","Informational Alert","A full-width informational alert banner with a blue background and border. It contains an info icon and a message about SSL certificate limits, including a linked email address for support.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbe649097-a931-4db2-9144-c7dbea26772c.png",2552,360,"Informational Alert from Fingerprint",[133],{"id":134,"title":135,"slug":136},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":129,"height":144,"image_alt":145,"kind":56,"categories":146,"app":148},"66a5b406-422e-4cdc-a3e0-8ba1cca9b360","Success Alert","A full-width success alert banner confirming that an app name was updated. It features a green checkmark icon, the success message, and a close icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6166f5c5-af00-439a-9bff-bf63d54bdd1f.png",352,"Success Alert from Fingerprint",[147],{"id":134,"title":135,"slug":136},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":157,"kind":56,"categories":158,"app":163},"a1d228aa-398f-4c2f-bdaa-d51f0e2e76bc","Settings Navigation Tabs","A horizontal tab navigation bar for an application settings page. The 'General' tab is currently active, indicated by bold text and an orange underline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43d813f6-edf3-4448-ae27-a0aa7a875fbf.png",1556,317,"Settings Navigation Tabs from Fingerprint",[159],{"id":160,"title":161,"slug":162},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":172,"kind":56,"categories":173,"app":178},"680fe145-c592-4a47-a565-7a2ee2fd7d2c","Error alert","A simple inline alert box displaying an error message about an incorrect card number, featuring a red warning icon and text on a light pink background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd6a1b8fc-23db-4b76-8445-13922a38619a.png",728,228,"Error alert from Fingerprint",[174],{"id":175,"title":176,"slug":177},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":129,"height":185,"image_alt":186,"kind":56,"categories":187,"app":189},"9dacf8cf-a030-43f3-913c-710a9cbb5229","Trial Status Banner","A full-width banner alerting the user to their free trial status, including the remaining days and calls to action for payment or sales contact.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F770c5043-e639-4339-8053-01cc99bc5f47.png",464,"Trial Status Banner from Fingerprint",[188],{"id":104,"title":105,"slug":106},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":4,"image":195,"width":196,"height":197,"image_alt":198,"kind":56,"categories":199,"app":204},"b9ac8c2e-dd6f-4936-a0cb-0249aba44edd","Sidebar navigation","A vertical sidebar navigation menu with an app switcher dropdown at the top, navigation links with icons, and a logo at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12954de9-9cf2-418d-b471-60b7a43a1024.png",548,1740,"Sidebar navigation from Fingerprint",[200],{"id":201,"title":202,"slug":203},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":208,"description":209,"canonical_path":4,"image":210,"width":211,"height":212,"image_alt":213,"kind":56,"categories":214,"app":216},"e93ce4ef-1b37-46cb-b39b-086b2641d605","Integration status stepper","A progress stepper showing the current step of an integration process, with a segmented progress bar and a link to a quick start guide.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F298c2699-920f-46b1-8740-13e6f4ddd20a.png",1293,596,"Integration status stepper from Fingerprint",[215],{"id":119,"title":120,"slug":121},{"slug":30,"title":29,"logo":32,"categories":217},[],[],[220,223,226,229,232,235],{"label":221,"to":222},"Fingerprint product screens","\u002Fexamples\u002Fapps\u002Ffingerprint\u002Fscreens",{"label":224,"to":225},"Fingerprint marketing pages","\u002Fexamples\u002Fapps\u002Ffingerprint\u002Fmarketing",{"label":227,"to":228},"Fingerprint user flows","\u002Fexamples\u002Fapps\u002Ffingerprint\u002Fflows",{"label":230,"to":231},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":233,"to":234},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"label":236,"to":237},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":239,"updated_at":240},"2023-05-07T16:27:57.000Z","2026-09-13T13:02:39.000Z"]