Cookies alert Tailwindcss & Alpine JS

"="" target="\"_blank\"" w-full="" h-12="" rounded-full="" transition-all="" shadow="" hover:shadow-lg="" transform="" hover:scale-110="" hover:rotate-12\">\r\n="" <img="" object-center="" h-full="" rounded-full\"="" src="https://www.creative-tim.com/"https:////img.buymeacoffee.com//button-api//?text=Buy" me="" a="" coffee&emoji="&slug=tonyricher&button_colour=FF5F5F&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00\"\/>\r\n" <\="" a>\r\n="" div>\r\n<\="" div>\r\n\r\n\r\n<script\r\n="" defer\r\n><\="" script>","author_type":"app\\user","author_id":2977,"collection_id":null,"fork_id":null,"votes":7,"score":"5.0","visits":12707,"popularity":2380,"slug":"cookies-alert-tailwindcss-alpine-js","approved":1,"created_at":"2021-09-03t00:00:00.000000z","updated_at":"2024-11-13t12:37:25.000000z","downloads":203,"code_views":2722,"center":false,"notified":0,"premium":1,"tailwind_config":null,"type":"component","css":"https:\="" \="" cdn.tailwindcss.com","should_tweet":1,"media":[{"id":4789,"model_type":"app\\component","model_id":2223,"collection_name":"preview","name":"temp81025","file_name":"temp81025.png","mime_type":"image\="" png","disk":"public","size":62224,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp81025___media_library_original_1280_957.png","temp81025___media_library_original_1070_799.png","temp81025___media_library_original_895_669.png","temp81025___media_library_original_749_559.png","temp81025___media_library_original_627_468.png","temp81025___media_library_original_524_391.png"],"base64svg":"data:image\="" svg+xml;base64,pcfet0nuwvbfihn2zybqvujmsumgii0vl1czqy8vrfreifnwryaxljevl0voiiaiahr0cdovl3d3dy53my5vcmcvr3jhcghpy3mvu1zhlzeums9eveqvc3znmteuzhrkij4kphn2zyb2zxjzaw9upsixljeiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigeg1sbnm6egxpbms9imh0dha6ly93d3cudzmub3jnlze5otkvegxpbmsiihhtbdpzcgfjzt0ichjlc2vydmuiihg9ijaicib5psiwiib2awv3qm94psiwidagmti4mca5ntcipgojpgltywdlihdpzhropsixmjgwiibozwlnahq9ijk1nyigegxpbms6ahjlzj0izgf0ytppbwfnzs9qcgvno2jhc2u2ncwvowovnefbuvnrwkpsz0fcqvffqvlbqmdbquqvl2dbn1exskzrvljqvwpvz1oyuxrhbkjswnlcmk1tnhdjq2gxyzjsdvp5qkpta2nnu2xcrlj5qjjprefwtencegrxrnnhwfi1suqwz09uqusvoxnbuxdbrefnsurbz0leqxdnrejbturcqvvjqlfvrujbvutcd2nhq0f3s0rbd0xdz3nmrfe0u0vbme9futrmq3hbv0vcrvrgqlvwrlf3uez4z1dgqmdtrkjvvs85c0frd0veqkfrrkjbvupcuvvkrkewtersuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvrkjrvuzcuvvgqlfvlzhbquvrz0fgd0fmqxdfukfbsvjbuu1sqwyvrufcoefbquvgqvffqkfrrujbqufbqufbqufbqujbz01fqlfzsenba0tdly9fquxvuufbsujbd01dqkfnrkjruuvbqufczlffq0f3quvfuvvtsvrgqkjotljzuwnpy1jrewdar2hdq05dc2nfvlv0shdkre5py29jsknowvhhqmthslnzbktda3forfuytnpnnu9rtkvsvvpiu0vss1uxulzwbgrzv1zwalphvm1ammhwyw5omgrywjnlsgw2zzrtrmhvzulpwxftazvtvmxwzvltwnfpbzztbhbxzw9xyxf5czdtmxryztr1ynjddzhurnhzzkl5y3jtmdluvjf0zlkyzhjonhvqazvlym42t25xogzmejlqwdi5l2o1k3yvrufcoejbqu1cqvffqkfrrujbuuvbqufbqufbqujbz01fqlfzsenba0tdly9fquxvukfbsujbz1ffqxdrsejruuvbquvdzhdbqkfntvjcqvvotvfzu1fwruhzwevuswplqkncuknryud4d1frak0xthdgv0p5mffvv0pevghkzkvyr0jryuppy29lu28xtmpjne9ucersrvzhujboslnstlvwvlpyv0zsyvkyumxabwrvyvdwemrivjjkm2g1zw9lrghjv0donglkaxblvgxkv1dsnwlabxflanblv21wnmlwcxjlenrmvzj0n2k1dxnmrhhnwed4ogpkexrmvdfowfcxowpamnvmajvpwg01k2pwnnzmejlqwdi5l2o1k3yvyufbd0rbuufdrvfnukfeoeevu2zkwhbubmhtz0jhqunnre50dfngee0wulvnanzyrzzqnkhvcwfmcwrhnm83yw5noxlxcuvgquhik0yvrvz0cjjiauzddvbvvnllenn6ctuwzfhhyzgxmuxznw1mszj4uznvs0c3rglydxh6rng0mglndvdps05sytqzavvuwtk2r1zubkjudwyvwii+cgk8l2ltywdlpgo8l3n2zz4=""}},"order_column":4685,"created_at":"2021-09-15T12:23:09.000000Z","updated_at":"2021-09-15T12:23:11.000000Z","conversions_disk":"public","uuid":"91dbfcc8-42e8-4be2-89f8-5997f769130e","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/4789\/temp81025.png","preview_url":""}],"author":{"id":2977,"name":"tonybastienricher","slug":"tonybastienricher","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/51478222?v=4","header":null,"created_at":"2021-04-06T10:18:47.000000Z","updated_at":"2021-04-06T10:18:47.000000Z"},"tags":[{"id":15,"name":{"en":"Alpinejs"},"description":"Explore" our="" components="" examples="" built="" with="" tailwind="" &="" alpinejs.="" use="" the="" snippets="" to="" preview="" and="" copy\="" paste="" code.","meta_description":"explore="" code.","slug":{"en":"alpinejs"},"type":null,"order_column":1,"created_at":"2021-02-16t17:13:07.000000z","updated_at":"2023-10-27t13:23:58.000000z","pivot":{"taggable_type":"app\\component","taggable_id":2223,"tag_id":15}},{"id":5,"name":{"en":"widget"},"description":"check="" out="" collection="" of="" 500+="" widget="" examples.="" code="" spend="" less="" time="" re-inventing="" wheel.","meta_description":"check="" wheel.","slug":{"en":"widget"},"type":null,"order_column":14,"created_at":"2019-07-04t08:20:17.000000z","updated_at":"2022-08-01t16:16:36.000000z","pivot":{"taggable_type":"app\\component","taggable_id":2223,"tag_id":5}},{"id":82,"name":{"en":"banner"},"description":"utilize="" banner="" component="" from="" css,="" employing="" its="" utility="" classes="" display="" marketing="" messages="" call-to-action="" (cta)="" buttons="" either="" at="" top="" or="" bottom="" section="" your="" website.","meta_description":"utilize="" website.","slug":{"en":"banner"},"type":null,"order_column":71,"created_at":"2023-11-14t16:17:58.000000z","updated_at":"2023-11-14t16:17:58.000000z","pivot":{"taggable_type":"app\\component","taggable_id":2223,"tag_id":82}}],"fork":null,"favorites":[{"id":368,"name":"khatabwedaa","slug":"khatabwedaa","bio":"web="" designer="" developer="" https:\="" merakiui.com.","avatar":"\="" storage\="" avatars\="" ckq2aybmqqjgupv1hoe9xbpnmqmltllwyy4csvuj.jpg","header":"\="" headers\="" mgwrfexbobpoz7dhat98sh59byb7huxdstd3tvyb.png","created_at":"2020-02-15t10:59:29.000000z","updated_at":"2023-05-01t07:26:40.000000z","pivot":{"component_id":2223,"user_id":368}},{"id":3038,"name":"lohnsonok","slug":"lohnsonok","bio":null,"avatar":"https:\="" avatars.githubusercontent.com\="" u\="" 60504466?v="4","header":null,"created_at":"2021-04-11T20:40:20.000000Z","updated_at":"2021-04-11T20:40:20.000000Z","pivot":{"component_id":2223,"user_id":3038}},{"id":3771,"name":"FR3DO_X","slug":"fr3do-x","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/1196805869725458439\/523XHQCr_normal.jpg","header":null,"created_at":"2021-06-07T21:16:42.000000Z","updated_at":"2021-06-07T21:16:42.000000Z","pivot":{"component_id":2223,"user_id":3771}},{"id":5099,"name":"byancode","slug":"byancode","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/37272486?v=4","header":null,"created_at":"2021-09-18T02:55:57.000000Z","updated_at":"2021-09-18T02:55:57.000000Z","pivot":{"component_id":2223,"user_id":5099}},{"id":5149,"name":"Julian" crosson-hill","slug":"julian-crosson-hill","bio":null,"avatar":"\="" d1cnsqbznnpgbicd2varafilmgghkfjixauxzm2q.png","header":null,"created_at":"2021-09-22t18:15:04.000000z","updated_at":"2021-11-24t20:09:04.000000z","pivot":{"component_id":2223,"user_id":5149}},{"id":3558,"name":"whoisthisstud","slug":"whoisthisstud","bio":null,"avatar":"https:\="" 44807533?v="4","header":null,"created_at":"2021-05-25T15:23:04.000000Z","updated_at":"2021-05-25T15:23:04.000000Z","pivot":{"component_id":2223,"user_id":3558}},{"id":5335,"name":"Volkan" bask\u0131n","slug":"volkan-baskin","bio":null,"avatar":"https:\="" www.gravatar.com\="" avatar\="" e2ecd28ed36fb028a02c3cd8c50a8b88","header":null,"created_at":"2021-10-08t10:02:07.000000z","updated_at":"2021-10-08t10:02:07.000000z","pivot":{"component_id":2223,"user_id":5335}},{"id":5390,"name":"mohau-r","slug":"mohau-r","bio":null,"avatar":"https:\="" 3539559?v="4","header":null,"created_at":"2021-10-12T21:08:21.000000Z","updated_at":"2021-10-12T21:08:21.000000Z","pivot":{"component_id":2223,"user_id":5390}},{"id":5518,"name":"maximebories","slug":"maximebories","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/30550722?v=4","header":null,"created_at":"2021-10-21T13:31:07.000000Z","updated_at":"2021-10-21T13:31:07.000000Z","pivot":{"component_id":2223,"user_id":5518}},{"id":5582,"name":"lego5621","slug":"lego5621","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/51526023?v=4","header":null,"created_at":"2021-10-26T16:14:31.000000Z","updated_at":"2021-10-26T16:14:31.000000Z","pivot":{"component_id":2223,"user_id":5582}},{"id":6014,"name":"s1monb","slug":"s1monb","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/21025347?v=4","header":null,"created_at":"2021-12-02T11:44:14.000000Z","updated_at":"2021-12-02T11:44:14.000000Z","pivot":{"component_id":2223,"user_id":6014}},{"id":89,"name":"bendo01","slug":"bendo01","bio":null,"avatar":"https:\/\/avatars1.githubusercontent.com\/u\/275325?v=4","header":null,"created_at":"2019-09-15T15:38:13.000000Z","updated_at":"2019-09-15T15:38:13.000000Z","pivot":{"component_id":2223,"user_id":89}},{"id":4237,"name":"erkobridee","slug":"erkobridee","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/342471?v=4","header":null,"created_at":"2021-07-14T06:40:38.000000Z","updated_at":"2021-07-14T06:40:38.000000Z","pivot":{"component_id":2223,"user_id":4237}},{"id":5901,"name":"maltebaer","slug":"maltebaer","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/29504917?v=4","header":null,"created_at":"2021-11-24T10:34:19.000000Z","updated_at":"2021-11-24T10:34:19.000000Z","pivot":{"component_id":2223,"user_id":5901}},{"id":6401,"name":"amck96","slug":"amck96","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/39336910?v=4","header":null,"created_at":"2022-01-05T20:10:40.000000Z","updated_at":"2022-01-05T20:10:40.000000Z","pivot":{"component_id":2223,"user_id":6401}},{"id":6434,"name":"tsmatos","slug":"tsmatos","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/6799570?v=4","header":null,"created_at":"2022-01-08T04:08:00.000000Z","updated_at":"2022-01-08T04:08:00.000000Z","pivot":{"component_id":2223,"user_id":6434}},{"id":6447,"name":"rolandschellhorn","slug":"rolandschellhorn","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/7809038?v=4","header":null,"created_at":"2022-01-09T17:18:26.000000Z","updated_at":"2022-01-09T17:18:26.000000Z","pivot":{"component_id":2223,"user_id":6447}},{"id":6577,"name":"lbrun25","slug":"lbrun25","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/46843024?v=4","header":null,"created_at":"2022-01-19T22:33:35.000000Z","updated_at":"2022-01-19T22:33:35.000000Z","pivot":{"component_id":2223,"user_id":6577}},{"id":5126,"name":"Maaaathis","slug":"maaaathis","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/37186532?v=4","header":null,"created_at":"2021-09-20T21:13:28.000000Z","updated_at":"2021-09-20T21:13:28.000000Z","pivot":{"component_id":2223,"user_id":5126}},{"id":6727,"name":"nonacc","slug":"nonacc","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/12987330?v=4","header":null,"created_at":"2022-01-30T22:26:40.000000Z","updated_at":"2022-01-30T22:26:40.000000Z","pivot":{"component_id":2223,"user_id":6727}},{"id":4393,"name":"kamkara","slug":"kamkara","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/72747066?v=4","header":null,"created_at":"2021-07-27T12:33:41.000000Z","updated_at":"2021-07-27T12:33:41.000000Z","pivot":{"component_id":2223,"user_id":4393}},{"id":7282,"name":"K\u00e9vin" leroy","slug":"kevin-leroy","bio":null,"avatar":"\="" l1rymeycicxbrwxhpyxxsmrgd9e47fi6d6iewklh.png","header":"\="" jnrixzyx6u9lp6zzosn0zvcw47dnoofmccccvl0s.webp","created_at":"2022-03-22t18:28:28.000000z","updated_at":"2022-11-07t13:14:01.000000z","pivot":{"component_id":2223,"user_id":7282}},{"id":6940,"name":"123applepie","slug":"123applepie","bio":null,"avatar":"https:\="" 73269263?v="4","header":null,"created_at":"2022-02-21T13:49:46.000000Z","updated_at":"2022-02-21T13:49:46.000000Z","pivot":{"component_id":2223,"user_id":6940}},{"id":8496,"name":"Skuyin","slug":"skuyin","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/75802359?v=4","header":null,"created_at":"2022-07-25T08:21:03.000000Z","updated_at":"2022-07-25T08:21:03.000000Z","pivot":{"component_id":2223,"user_id":8496}},{"id":8713,"name":"eimkasp","slug":"eimkasp","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/1290547?v=4","header":null,"created_at":"2022-08-14T19:13:43.000000Z","updated_at":"2022-08-14T19:13:43.000000Z","pivot":{"component_id":2223,"user_id":8713}},{"id":5683,"name":"meringuekhalil","slug":"meringuekhalil","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/944567032695095296\/gU55PnS5_normal.jpg","header":null,"created_at":"2021-11-04T14:04:08.000000Z","updated_at":"2021-11-04T14:04:08.000000Z","pivot":{"component_id":2223,"user_id":5683}},{"id":9604,"name":"vnwefo802","slug":"vnwefo802","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/95290205?v=4","header":null,"created_at":"2022-11-03T01:48:46.000000Z","updated_at":"2022-11-03T01:48:46.000000Z","pivot":{"component_id":2223,"user_id":9604}},{"id":10084,"name":"omsulthan","slug":"omsulthan","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/92369901?v=4","header":null,"created_at":"2022-12-13T04:17:08.000000Z","updated_at":"2022-12-13T04:17:08.000000Z","pivot":{"component_id":2223,"user_id":10084}},{"id":11966,"name":"Erdogan" gulsoy","slug":"erdogan-gulsoy","bio":null,"avatar":"https:\="" 7d6cdac30f73c3887c83802503a1320b","header":null,"created_at":"2023-04-17t12:27:56.000000z","updated_at":"2023-04-17t12:27:56.000000z","pivot":{"component_id":2223,"user_id":11966}},{"id":13331,"name":"exonos","slug":"exonos","bio":null,"avatar":"https:\="" 58151233?v="4","header":null,"created_at":"2023-07-23T15:48:02.000000Z","updated_at":"2023-07-23T15:48:02.000000Z","pivot":{"component_id":2223,"user_id":13331}},{"id":3081,"name":"Taniform","slug":"taniform","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/7942529?v=4","header":null,"created_at":"2021-04-16T10:08:01.000000Z","updated_at":"2021-04-16T10:08:01.000000Z","pivot":{"component_id":2223,"user_id":3081}},{"id":6147,"name":"Nahuelpack","slug":"nahuelpack","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/36615599?v=4","header":null,"created_at":"2021-12-13T19:42:48.000000Z","updated_at":"2021-12-13T19:42:48.000000Z","pivot":{"component_id":2223,"user_id":6147}},{"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":2223,"user_id":1434}}]}"" :edit="false"> Full screen Preview

Download