[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":10,"score":"4.1","visits":33865,"popularity":3432,"slug":"footer-5","approved":1,"created_at":"2023-09-22T00:00:00.000000Z","updated_at":"2025-04-18T14:05:15.000000Z","downloads":787,"code_views":15943,"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}},{"id":20767,"name":"dhanbyte","slug":"dhanbyte","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/143948654?v=4","header":null,"created_at":"2024-10-14T14:35:13.000000Z","updated_at":"2024-10-14T14:35:13.000000Z","pivot":{"component_id":2315,"user_id":20767}},{"id":1630,"name":"brokenmold","slug":"brokenmold","bio":null,"avatar":"https:\/\/avatars2.githubusercontent.com\/u\/11627435?v=4","header":null,"created_at":"2020-11-29T19:08:08.000000Z","updated_at":"2020-11-29T19:08:08.000000Z","pivot":{"component_id":2315,"user_id":1630}}]}" :edit="false">
Creative Tim
200 components

Community Rate

Related components

tailwind Form
GalihRendis
Form GalihRendis
2.2
tailwind A collapsibles accordion
Diyar
A collapsibles accordion Diyar
2.2
tailwind Tailwind CSS Simple Landing Page
salnetx
Tailwind CSS Simple Landing Page salnetx
3.0
tailwind Fitness Tracker
Akhil
Fitness Tracker Akhil
2.1
tailwind Mac Terminal
laraben
Mac Terminal laraben
1.0
tailwind About Me
debcoder
About Me debcoder
3.0
See more components