[email protected]

Footer

By Creative Tim

Footer with social links made using Tailwind CSS

Share

React Components Library

Material Tailwind

Get Started
/r/n/r/n/r/n
About Us<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\" href=https://www.creative-tim.com/"https:////blog.creative-tim.com?ref=njs-profile\%22>Blog<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\" href=https://www.creative-tim.com/"https:////www.github.com//creativetimofficial?ref=njs-profile\%22>Github<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\" href=https://www.creative-tim.com/"https:////www.creative-tim.com//bootstrap-themes//free?ref=njs-profile\%22>Free Products<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"w-full lg:w-4\/12 px-4\">\r\n <span class=\"block uppercase text-blueGray-500 text-sm font-semibold mb-2\">Other Resources<\/span>\r\n <ul class=\"list-unstyled\">\r\n <li>\r\n <a class=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\" href=https://www.creative-tim.com/"https:////github.com//creativetimofficial//notus-js//blob//main//LICENSE.md?ref=njs-profile\%22>MIT License<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\" href=https://www.creative-tim.com/"https:////creative-tim.com//terms?ref=njs-profile\%22>Terms &amp; Conditions<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\" href=https://www.creative-tim.com/"https:////creative-tim.com//privacy?ref=njs-profile\%22>Privacy Policy<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\" href=https://www.creative-tim.com/"https:////creative-tim.com//contact-us?ref=njs-profile\%22>Contact Us<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <hr class=\"my-6 border-blueGray-300\">\r\n <div class=\"flex flex-wrap items-center md:justify-between justify-center\">\r\n <div class=\"w-full md:w-4\/12 px-4 mx-auto text-center\">\r\n <div class=\"text-sm text-blueGray-500 font-semibold py-1\">\r\n Copyright \u00a9 <span id=\"get-current-year\">2021<\/span><a href=https://www.creative-tim.com/"https:////www.creative-tim.com//product//notus-js/" class=\"text-blueGray-500 hover:text-gray-800\" target=\"_blank\"> Notus JS by\r\n <a href=https://www.creative-tim.com/"https:////www.creative-tim.com?ref=njs-profile\%22 class=\"text-blueGray-500 hover:text-blueGray-800\">Creative Tim<\/a>.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/footer>","author_type":"App\\User","author_id":5062,"collection_id":null,"fork_id":null,"votes":9,"score":"4.1","visits":28857,"popularity":2886,"slug":"footer-5","approved":1,"created_at":"2023-09-22T00:00:00.000000Z","updated_at":"2024-09-19T01:47:46.000000Z","downloads":659,"code_views":13502,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":4873,"model_type":"App\\Component","model_id":2315,"collection_name":"preview","name":"temp80811","file_name":"temp80811.png","mime_type":"image\/png","disk":"public","size":47564,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp80811___media_library_original_1280_957.png","temp80811___media_library_original_1070_799.png","temp80811___media_library_original_895_669.png","temp80811___media_library_original_749_559.png","temp80811___media_library_original_627_468.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FGd0FmQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvUVk2V1MyZWE3ckhKY2Y5bmFQSEZPd1hFa3RubXhnWW9zRnhrZW51c2hhaXpDNTBIbEN0RElUeVI2VUFIa2owb0FYeWg3VUFQb0FLQUNnQW9BLy8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":4769,"created_at":"2021-09-22T09:29:08.000000Z","updated_at":"2021-09-22T09:29:09.000000Z","conversions_disk":"public","uuid":"2bc1e6f1-dbc6-46fb-848a-99217f6e5e67","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/4873\/temp80811.png","preview_url":""}],"author":{"id":5062,"name":"Creative Tim","slug":"creative-tim","bio":"Fully Coded UI Tools to create web and mobile apps.\r\n\r\nwww.creative-tim.com","avatar":"\/storage\/avatars\/TpXC86kLAsEjEFhN5zBp9Q8a8mzO4aigKXwfc5zm.jpg","header":null,"created_at":"2021-09-15T11:57:57.000000Z","updated_at":"2024-07-23T12:36:04.000000Z"},"tags":[{"id":3,"name":{"en":"Navigations"},"description":"Looking to ensure a predictable and consistent user experience on your website? Check out our 200+ navigation examples that are built using the most popular utility-first CSS framework and choose the one that suits your needs.","meta_description":"Choose from 200+ navigation examples that are built using the most popular utility-first CSS framework - Tailwind UI.","slug":{"en":"navigations"},"type":null,"order_column":9,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:12:24.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":2315,"tag_id":3}},{"id":7,"name":{"en":"Pages"},"description":"Looking to get the work done faster? Choose from our collection of 500+ fully coded page examples that are built using the popular CSS framework - Tailwind CSS. Get started or get inspired!","meta_description":"Choose from our collection of 500+ fully coded page examples that are built using the popular CSS framework - Tailwind CSS","slug":{"en":"pages"},"type":null,"order_column":10,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:13:03.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":2315,"tag_id":7}},{"id":22,"name":{"en":"Footers"},"description":"The Footer component is used as a secondary menu with copyright data and links to related documents. See below our collection of Footer examples that you can add directly to your Tailwind UI project.","meta_description":"Visit our collection of Footers that you can add directly to your Tailwind UI project as a secondary menu.","slug":{"en":"footers"},"type":null,"order_column":21,"created_at":"2022-08-31T14:17:37.000000Z","updated_at":"2022-12-21T11:18:46.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":2315,"tag_id":22}}],"fork":null,"favorites":[{"id":5059,"name":"rarestoma","slug":"rarestoma","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/27827318?v=4","header":null,"created_at":"2021-09-15T09:44:06.000000Z","updated_at":"2021-09-15T09:44:06.000000Z","pivot":{"component_id":2315,"user_id":5059}},{"id":4846,"name":"fedeul","slug":"fedeul","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/5d211e7d557ac27ccd029a1972c77372","header":null,"created_at":"2021-09-02T16:16:05.000000Z","updated_at":"2021-09-02T16:16:05.000000Z","pivot":{"component_id":2315,"user_id":4846}},{"id":4257,"name":"nkendrick101","slug":"nkendrick101","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/40567184?v=4","header":null,"created_at":"2021-07-15T17:31:18.000000Z","updated_at":"2021-07-15T17:31:18.000000Z","pivot":{"component_id":2315,"user_id":4257}},{"id":5627,"name":"Santiago Gorbea","slug":"santiago-gorbea","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/5938d6d330ce5376c798916e884162c8","header":null,"created_at":"2021-10-30T20:37:34.000000Z","updated_at":"2021-10-30T20:37:34.000000Z","pivot":{"component_id":2315,"user_id":5627}},{"id":5839,"name":"Harsh Choudhary","slug":"harsh-choudhary","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/7fd6444cca004931ab08527ff793b0e4","header":null,"created_at":"2021-11-19T12:31:20.000000Z","updated_at":"2021-11-19T12:31:20.000000Z","pivot":{"component_id":2315,"user_id":5839}},{"id":5877,"name":"leejeonghyun","slug":"leejeonghyun","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/474fbc3e8d5820d870be21c207f29897","header":null,"created_at":"2021-11-23T06:36:34.000000Z","updated_at":"2021-11-23T06:36:34.000000Z","pivot":{"component_id":2315,"user_id":5877}},{"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":2315,"user_id":4237}},{"id":6333,"name":"nevizar","slug":"nevizar","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/3686528?v=4","header":null,"created_at":"2021-12-30T18:39:18.000000Z","updated_at":"2021-12-30T18:39:18.000000Z","pivot":{"component_id":2315,"user_id":6333}},{"id":3007,"name":"Juanjosexdd","slug":"juanjosexdd","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/42101847?v=4","header":null,"created_at":"2021-04-09T00:48:42.000000Z","updated_at":"2021-04-09T00:48:42.000000Z","pivot":{"component_id":2315,"user_id":3007}},{"id":9365,"name":"nayem9b","slug":"nayem9b","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/78756747?v=4","header":null,"created_at":"2022-10-14T00:41:07.000000Z","updated_at":"2022-10-14T00:41:07.000000Z","pivot":{"component_id":2315,"user_id":9365}},{"id":9406,"name":"alexandermitsyk","slug":"alexandermitsyk","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/15364563?v=4","header":null,"created_at":"2022-10-17T11:33:48.000000Z","updated_at":"2022-10-17T11:33:48.000000Z","pivot":{"component_id":2315,"user_id":9406}},{"id":9491,"name":"damilola1ade","slug":"damilola1ade","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/76736466?v=4","header":null,"created_at":"2022-10-23T17:51:19.000000Z","updated_at":"2022-10-23T17:51:19.000000Z","pivot":{"component_id":2315,"user_id":9491}},{"id":10594,"name":"tinaaa071","slug":"tinaaa071","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/122771951?v=4","header":null,"created_at":"2023-01-19T12:31:31.000000Z","updated_at":"2023-01-19T12:31:31.000000Z","pivot":{"component_id":2315,"user_id":10594}},{"id":11046,"name":"Francisco Joubert","slug":"francisco-joubert","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/99af37ea78fa876dc94e1445a94399ca","header":null,"created_at":"2023-02-17T20:09:13.000000Z","updated_at":"2023-02-17T20:09:13.000000Z","pivot":{"component_id":2315,"user_id":11046}},{"id":11158,"name":"nguyennam140401","slug":"nguyennam140401","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/91684060?v=4","header":null,"created_at":"2023-02-23T15:52:15.000000Z","updated_at":"2023-02-23T15:52:15.000000Z","pivot":{"component_id":2315,"user_id":11158}},{"id":12042,"name":"thiiz","slug":"thiiz","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/77014702?v=4","header":null,"created_at":"2023-04-23T19:47:30.000000Z","updated_at":"2023-04-23T19:47:30.000000Z","pivot":{"component_id":2315,"user_id":12042}},{"id":12271,"name":"Deepakraj0075","slug":"deepakraj0075","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/81287831?v=4","header":null,"created_at":"2023-05-08T13:11:49.000000Z","updated_at":"2023-05-08T13:11:49.000000Z","pivot":{"component_id":2315,"user_id":12271}},{"id":12375,"name":"Sambhav242005","slug":"sambhav242005","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/85670285?v=4","header":null,"created_at":"2023-05-16T04:50:40.000000Z","updated_at":"2023-05-16T04:50:40.000000Z","pivot":{"component_id":2315,"user_id":12375}},{"id":13164,"name":"preinboth","slug":"preinboth","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/6295832?v=4","header":null,"created_at":"2023-07-12T03:19:14.000000Z","updated_at":"2023-07-12T03:19:14.000000Z","pivot":{"component_id":2315,"user_id":13164}},{"id":15152,"name":"SergeyPodgornyy","slug":"sergeypodgornyy","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/13667212?v=4","header":null,"created_at":"2023-11-08T16:37:19.000000Z","updated_at":"2023-11-08T16:37:19.000000Z","pivot":{"component_id":2315,"user_id":15152}},{"id":16747,"name":"verrapetrri","slug":"verrapetrri","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/89346548?v=4","header":null,"created_at":"2024-02-04T14:54:38.000000Z","updated_at":"2024-02-04T14:54:38.000000Z","pivot":{"component_id":2315,"user_id":16747}},{"id":17617,"name":"SidakVats","slug":"sidakvats","bio":"SIDAK","avatar":"https:\/\/avatars.githubusercontent.com\/u\/120305006?v=4","header":null,"created_at":"2024-03-16T12:49:27.000000Z","updated_at":"2024-03-26T11:36:31.000000Z","pivot":{"component_id":2315,"user_id":17617}},{"id":6625,"name":"Abdulakeem Gbadamosi","slug":"abdulakeem-gbadamosi","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/f876fd2bad6477a667b17b2852d61c74","header":null,"created_at":"2022-01-23T04:54:42.000000Z","updated_at":"2022-01-23T04:54:42.000000Z","pivot":{"component_id":2315,"user_id":6625}}]}" :edit="false">
Creative Tim
196 components

Community Rate

Related components

tailwind Tailwind CSS Input with image preview
moneya
Tailwind CSS Input with image preview moneya
3.3
tailwind Tailwind CSS Formulaire de contact - contact form
maxacrea
Tailwind CSS Formulaire de contact - contact form maxacrea
3.3
tailwind Footer with CTA
khatabwedaa
Footer with CTA khatabwedaa
3.0
tailwind Dashboard Point of sale system
rahulsya
Dashboard Point of sale system rahulsya
2.0
tailwind Header 1
Gezellligheid
Header 1 Gezellligheid
2.2
tailwind Q&A section with Collapse khatabwedaa
Q&A section with Collapse

Premium component by khatabwedaa

3.0
See more components