Shadcn UI Navbar Component - Horizon AI Boilerplate

Free Shadcn UI navbar component from Horizon AI Boilerplate

Pages/r/n <\/div>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n <p class=\"font-normal text-zinc-950 mt-20 mx-auto w-max\">Navbar component from <a\r\n href=https://www.creative-tim.com/"https:////horizon-ui.com//shadcn-ui?ref=twcomponents\%22 target=\"_blank\"\r\n class=\"text-brand-500 font-bold\">Horizon AI Boilerplate<\/a>\r\n <\/p>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html>","author_type":"App\\User","author_id":11240,"collection_id":4,"fork_id":null,"votes":1,"score":"5.0","visits":1227,"popularity":390,"slug":"shadcn-ui-navbar-component-horizon-ai-boilerplate","approved":1,"created_at":"2024-09-05T00:00:00.000000Z","updated_at":"2024-09-19T04:15:16.000000Z","downloads":8,"code_views":123,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":12618,"model_type":"App\\Component","model_id":7142,"collection_name":"preview","name":"temp49744","file_name":"temp49744.png","mime_type":"image\/png","disk":"public","size":24131,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp49744___media_library_original_1280_957.png","temp49744___media_library_original_1070_800.png","temp49744___media_library_original_896_670.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvVk9nQW9BZ3VJZk9VclFCQWJBRkFwTlVuWUM5VWdGQUJRQVVBSXh3S0FJSHVsUTRKb0FSTHhKR3dEelFCWVU1RkFILzJRPT0iPgoJPC9pbWFnZT4KPC9zdmc+"}},"order_column":3,"created_at":"2024-09-09T10:47:39.000000Z","updated_at":"2024-09-09T10:47:40.000000Z","conversions_disk":"public","uuid":"b06176de-04b7-4ccd-868c-87f6dfb2f376","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/12618\/temp49744.png","preview_url":""}],"author":{"id":11240,"name":"vldmihalache","slug":"vldmihalache","bio":"Co-founder and CTO of Horizon UI.\r\nhttps:\/\/horizon-ui.com","avatar":"\/storage\/avatars\/6GqYXtE71l3147PGI8ZciCj48iGIsrjaOWkPJKWq.jpg","header":null,"created_at":"2023-03-01T10:21:52.000000Z","updated_at":"2023-03-01T12:58:58.000000Z"},"tags":[{"id":28,"name":{"en":"Navbars"},"description":"navbar is used to show a list of navigation links positioned on the top side of your page. See below our collection of Navbar examples that you can add directly to your Tailwind UI project.","meta_description":"Visit our collection of Navbar examples that you can add directly to your Tailwind UI project to show a list of navigation links.","slug":{"en":"navbars"},"type":null,"order_column":27,"created_at":"2022-08-31T14:20:14.000000Z","updated_at":"2022-12-21T11:02:37.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":7142,"tag_id":28}}],"fork":null,"favorites":[{"id":11240,"name":"vldmihalache","slug":"vldmihalache","bio":"Co-founder and CTO of Horizon UI.\r\nhttps:\/\/horizon-ui.com","avatar":"\/storage\/avatars\/6GqYXtE71l3147PGI8ZciCj48iGIsrjaOWkPJKWq.jpg","header":null,"created_at":"2023-03-01T10:21:52.000000Z","updated_at":"2023-03-01T12:58:58.000000Z","pivot":{"component_id":7142,"user_id":11240}},{"id":11242,"name":"fredycraciun","slug":"fredycraciun","bio":"Co-founder and Creator of Horizon UI.\r\nWeb designer & developer.\r\nhttps:\/\/horizon-ui.com","avatar":"https:\/\/pbs.twimg.com\/profile_images\/1611026227258691588\/NvSKzaF1_normal.jpg","header":null,"created_at":"2023-03-01T12:25:14.000000Z","updated_at":"2023-03-01T12:55:22.000000Z","pivot":{"component_id":7142,"user_id":11242}}]}" :edit="false"> Full screen Preview

vldmihalache

30 components Profile On

Community Rate

Related components

See more components