Tailwind CSS Link In Bio Mobile UI

Link in bio mobile ui component, built with tailwindcss

/r/n <button class=\"fixed sticky h-12 w-12 transform animate-bounce rounded-full bg-transparent text-2xl duration-500 hover:-translate-y-3 hover:bg-black hover:text-white\">\r\n <img class=\"w-12 rounded-full\" alt=\"profile pic\" src=https://www.creative-tim.com/"https:////www.freepnglogos.com//uploads//twitter-logo-png//twitter-logo-vector-png-clipart-1.png/" \/>\r\n <\/button>\r\n <\/a>\r\n\r\n <a href=https://www.creative-tim.com/"https:////twitter.com//sahilnetic/">/r/n <button class=\"fixed sticky h-12 w-12 transform rounded-full bg-transparent text-2xl duration-500 hover:-translate-y-3 hover:bg-black hover:text-white\">\r\n <img class=\"w-12 rounded-full\" alt=\"profile pic\" src=https://www.creative-tim.com/"https:////cdn-icons-png.flaticon.com//512//25//25231.png/" \/>\r\n <\/button>\r\n <\/a>\r\n\r\n <a href=https://www.creative-tim.com/"https:////twitter.com//sahilnetic/">/r/n <button class=\"fixed sticky h-12 w-12 transform rounded-full bg-transparent text-2xl duration-500 hover:-translate-y-3 hover:bg-black hover:text-white\">\r\n <img class=\"w-12 rounded-full\" alt=\"profile pic\" src=https://www.creative-tim.com/"https:////cdn-icons-png.flaticon.com//512//25//25231.png/" \/>\r\n <\/button>\r\n <\/a>\r\n\r\n <a href=https://www.creative-tim.com/"https:////twitter.com//sahilnetic/">/r/n <button class=\"fixed sticky h-12 w-12 transform rounded-full bg-transparent text-2xl duration-500 hover:-translate-y-3 hover:bg-black hover:text-white\">\r\n <img class=\"w-12 rounded-full\" alt=\"profile pic\" src=https://www.creative-tim.com/"https:////cdn-icons-png.flaticon.com//512//25//25231.png/" \/>\r\n <\/button>\r\n <\/a>\r\n\r\n <a href=https://www.creative-tim.com/"https:////twitter.com//sahilnetic/">/r/n <button class=\"fixed sticky h-12 w-12 transform rounded-full bg-transparent text-2xl duration-500 hover:-translate-y-3 hover:bg-black hover:text-white\">\r\n <img class=\"w-12 rounded-full\" alt=\"profile pic\" src=https://www.creative-tim.com/"https:////cdn-icons-png.flaticon.com//512//25//25231.png/" \/>\r\n <\/button>\r\n <\/a>\r\n <\/div>\r\n\r\n <a href=https://www.creative-tim.com/"https:////twitter.com//sahilnetic/">/r/n <div class=\"my-2 flex h-16 items-center justify-between rounded-lg border-2 border-b-4 border-l-4 border-black px-4 shadow-xl\">\r\n <div class=\"flex items-center\">\r\n <img alt=\"photo\" class=\"w-10 rounded-full\" src=https://www.creative-tim.com/"https:////icon-library.com//images//2018//2298785_oreos-oreo-cookie-adult-costume-hd-png-download.png/" \/>\r\n <div class=\"ml-2\">\r\n <div class=\"text-xs font-semibold\">How to get free oreo<\/div>\r\n <div class=\"flex text-xs font-light text-gray-600\">\r\n yourpal.com<svg class=\"h-3 w-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z\"><\/path>\r\n <path d=\"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=https://www.creative-tim.com/"https:////www.buymeacoffee.com//sahilnetic/">/r/n <div class=\"my-2 flex h-16 items-center justify-between rounded-lg border-2 border-b-4 border-l-4 border-black px-4 shadow-xl\">\r\n <div class=\"flex items-center\">\r\n <img alt=\"photo\" class=\"w-10 rounded-full\" src=https://www.creative-tim.com/"https:////icon-library.com//images//2018//2298785_oreos-oreo-cookie-adult-costume-hd-png-download.png/" \/>\r\n <div class=\"ml-2\">\r\n <div class=\"text-xs font-semibold\">How to get free oreo<\/div>\r\n <div class=\"flex text-xs font-light text-gray-600\">\r\n yourpal.com<svg class=\"h-3 w-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z\"><\/path>\r\n <path d=\"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=https://www.creative-tim.com/"https:////www.buymeacoffee.com//dashboard/">/r/n <div class=\"my-2 flex h-16 items-center justify-between rounded-lg border-2 border-b-4 border-l-4 border-black px-4 shadow-xl\">\r\n <div class=\"flex items-center\">\r\n <img alt=\"photo\" class=\"w-10 rounded-full\" src=https://www.creative-tim.com/"https:////icon-library.com//images//2018//2298785_oreos-oreo-cookie-adult-costume-hd-png-download.png/" \/>\r\n <div class=\"ml-2\">\r\n <div class=\"text-xs font-semibold\">How to get free oreo<\/div>\r\n <div class=\"flex text-xs font-light text-gray-600\">\r\n yourpal.com<svg class=\"h-3 w-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z\"><\/path>\r\n <path d=\"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <div class=\"text-center font-extrabold text-black\">© wiggy<\/div>\r\n <script data-name=\"BMC-Widget\" data-cfasync=\"false\" src=https://www.creative-tim.com/"https:////cdnjs.buymeacoffee.com//1.0.0//widget.prod.min.js/" data-id=\"sahilnetic\" data-description=\"Support me on Buy me a coffee!\" data-message=\"\" data-color=\"#FFDD00\" data-position=\"Right\" data-x_margin=\"18\" data-y_margin=\"18\"><\/script>\r\n<\/div>","author_type":"App\\User","author_id":8358,"collection_id":null,"fork_id":null,"votes":2,"score":"5.0","visits":3430,"popularity":315,"slug":"tailwind-css-link-in-bio-mobile-ui","approved":1,"created_at":"2022-07-12T00:00:00.000000Z","updated_at":"2024-09-19T02:32:09.000000Z","downloads":95,"code_views":436,"center":true,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":1,"media":[{"id":7175,"model_type":"App\\Component","model_id":3676,"collection_name":"preview","name":"temp33204","file_name":"temp33204.png","mime_type":"image\/png","disk":"public","size":141850,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp33204___media_library_original_1280_957.png","temp33204___media_library_original_1070_799.png","temp33204___media_library_original_896_669.png","temp33204___media_library_original_749_559.png","temp33204___media_library_original_627_468.png","temp33204___media_library_original_524_391.png","temp33204___media_library_original_439_328.png","temp33204___media_library_original_367_274.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FGd0FmQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvU2R1bGVtZWVlZS9GRFhKdEYwc3l3dHRmUFd2bE0xeFZXbE5RcG5wWWFuQ1N2STB2aDlxajZ0b3NNMGgzT1J5YTZzcXhOU3ZGcXAwTXNUQ01YN3AyQTZWOUNjUU4wb0E0THhuQkJxMHdzcmlQY3ByaHIwNFNkMmplRjJyR3Y0VnNJdEx0a3Q0VkNvb3E2Rk9NTmtLb2RLR0dLNmpFVnVsTURMdTlIaHU1Ukl3K2IxcVhGUGNwU2FKcld4VzI2VUpKQTNjbDJ0NW1jOFZtNHU5d3VmLzJRPT0iPgoJPC9pbWFnZT4KPC9zdmc+"}},"order_column":7025,"created_at":"2022-07-12T06:33:57.000000Z","updated_at":"2022-07-12T06:34:00.000000Z","conversions_disk":"public","uuid":"fef23e18-ea7a-4509-b764-01f87856bd54","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/7175\/temp33204.png","preview_url":""}],"author":{"id":8358,"name":"sahilnetic","slug":"sahilnetic","bio":"Try Appmojo, A repository of Free opensource React Native Component. : www.appmojo.site\r\nPersonal Website : www.sahilnetic.xyz","avatar":"\/storage\/avatars\/cEnStg2aN03H2eeQmVa99t5J3SRlMj3xBwkM1GZU.jpg","header":"\/storage\/headers\/eOrJw3m9yvguNw4or0OxqbO5wEbKFa13nqxaWKYH.png","created_at":"2022-07-07T16:27:21.000000Z","updated_at":"2022-08-10T13:25:22.000000Z"},"tags":[{"id":4,"name":{"en":"Cards"},"description":"Check out our examples of beautifully designed cards that will help you display your content easily. Use our snippets to preview the code and spend less time re-inventing the wheel.","meta_description":"Check out our examples of beautifully designed cards that will help you display your content easily.","slug":{"en":"cards"},"type":null,"order_column":3,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:06:24.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":3676,"tag_id":4}},{"id":99,"name":{"en":"Links"},"description":"The link component enables the establishment of hyperlinks, allowing seamless navigation between pages or to external websites upon clicking inline text items, buttons, or cards.","meta_description":"The link component enables the establishment of hyperlinks, allowing seamless navigation between pages or to external websites upon clicking inline text items, buttons, or cards.","slug":{"en":"links"},"type":null,"order_column":88,"created_at":"2023-11-15T16:30:24.000000Z","updated_at":"2023-11-15T16:30:24.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":3676,"tag_id":99}}],"fork":null,"favorites":[{"id":3069,"name":"J","slug":"j-2","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/2b1ade46af3060db351ca52caf5e839a","header":null,"created_at":"2021-04-15T08:19:26.000000Z","updated_at":"2022-07-12T11:57:48.000000Z","pivot":{"component_id":3676,"user_id":3069}},{"id":8390,"name":"wiggy777","slug":"wiggy777","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/108519070?v=4","header":null,"created_at":"2022-07-12T11:59:27.000000Z","updated_at":"2022-07-12T11:59:27.000000Z","pivot":{"component_id":3676,"user_id":8390}},{"id":8358,"name":"sahilnetic","slug":"sahilnetic","bio":"Try Appmojo, A repository of Free opensource React Native Component. : www.appmojo.site\r\nPersonal Website : www.sahilnetic.xyz","avatar":"\/storage\/avatars\/cEnStg2aN03H2eeQmVa99t5J3SRlMj3xBwkM1GZU.jpg","header":"\/storage\/headers\/eOrJw3m9yvguNw4or0OxqbO5wEbKFa13nqxaWKYH.png","created_at":"2022-07-07T16:27:21.000000Z","updated_at":"2022-08-10T13:25:22.000000Z","pivot":{"component_id":3676,"user_id":8358}},{"id":8654,"name":"barbarbar338","slug":"barbarbar338","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/35371155?v=4","header":null,"created_at":"2022-08-08T13:56:57.000000Z","updated_at":"2022-08-08T13:56:57.000000Z","pivot":{"component_id":3676,"user_id":8654}},{"id":1434,"name":"Matt","slug":"matt","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/2098eb6a3d48b22ed0692849699c795a","header":null,"created_at":"2020-10-27T13:11:58.000000Z","updated_at":"2020-10-27T13:11:58.000000Z","pivot":{"component_id":3676,"user_id":1434}},{"id":6569,"name":"Glicht","slug":"glicht","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/96473dc05f9454fd44314396260fb37a","header":"\/storage\/headers\/2mQDvwOW5yMRC1ZjcsCwpzaj7NjklBMIpogbRbpA.jpg","created_at":"2022-01-18T19:50:36.000000Z","updated_at":"2022-11-25T18:03:40.000000Z","pivot":{"component_id":3676,"user_id":6569}},{"id":10213,"name":"hadjamagamy","slug":"hadjamagamy","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/115471672?v=4","header":null,"created_at":"2022-12-22T07:16:20.000000Z","updated_at":"2022-12-22T07:16:20.000000Z","pivot":{"component_id":3676,"user_id":10213}},{"id":11270,"name":"TaylanTatli","slug":"taylantatli","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/754514?v=4","header":null,"created_at":"2023-03-03T18:06:16.000000Z","updated_at":"2023-03-03T18:06:16.000000Z","pivot":{"component_id":3676,"user_id":11270}},{"id":12321,"name":"Arun Kumar","slug":"arun-kumar","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/e645688c8afb052a14811b90242a47a9","header":null,"created_at":"2023-05-11T19:57:25.000000Z","updated_at":"2023-05-11T19:58:46.000000Z","pivot":{"component_id":3676,"user_id":12321}},{"id":12974,"name":"Will","slug":"will","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/b0c0410b8b9c0c1e2c68440cbcb85c38","header":null,"created_at":"2023-06-28T03:57:11.000000Z","updated_at":"2023-06-28T03:57:11.000000Z","pivot":{"component_id":3676,"user_id":12974}}]}" :edit="false"> Full screen Preview

sahilnetic

10 components Profile On

Tailwind CSS Link In Bio Mobile UI

Community Rate

Related components