[email protected]

Shadcn UI Sidebar Card Components - Horizon AI Boilerplate

By vldmihalache

Free Shadcn UI sidebar card components from Horizon AI Boilerplate

Share

/r/n <p\r\n class=\"ml-2 mr-3 flex items-center text-sm font-semibold leading-none text-zinc-950 dark:text-white\">\r\n Horizon <\/p>\r\n <\/a>\r\n <form class=\"w-full\"><input type=\"hidden\" value=\"\/shadcn-nextjs-boilerplate\/dashboard\/ai-chat\"\r\n name=\"pathName\"><button\r\n class=\"whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground ml-auto flex h-[40px] w-[40px] cursor-pointer items-center justify-center rounded-full p-0 text-center text-sm font-medium hover:dark:text-white\"\r\n type=\"submit\"><svg stroke=\"currentColor\" fill=\"none\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"\r\n aria-hidden=\"true\" class=\"h-4 w-4 stroke-2 text-zinc-950 dark:text-white\" width=\"1em\"\r\n height=\"1em\" color=\"inherit\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color: inherit;\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n d=\"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9\">\r\n <\/path>\r\n <\/svg><\/button><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <p class=\"font-normal text-zinc-950 mt-10 my-20 mx-auto w-max\">Sidebar card components 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":250,"popularity":180,"slug":"shadcn-ui-sidebar-card-components-horizon-ai-boilerplate","approved":1,"created_at":"2024-09-03T00:00:00.000000Z","updated_at":"2024-09-19T02:59:31.000000Z","downloads":1,"code_views":26,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":12615,"model_type":"App\\Component","model_id":7130,"collection_name":"preview","name":"temp94564","file_name":"temp94564.png","mime_type":"image\/png","disk":"public","size":42997,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp94564___media_library_original_1280_957.png","temp94564___media_library_original_1070_800.png","temp94564___media_library_original_895_669.png","temp94564___media_library_original_749_560.png","temp94564___media_library_original_627_469.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvVkk5S0FJcEpoR01rNHBOMkFFbEVneURrVWJnU2ltQUhwUUJ5ZmphVFVGdHd0Z3U2UW1uYTRGcndpTDBXQy9iaGlYMHBBZEVPbEFDTjBvQXJTc04zSzVvQVNLVXMyTnVLQUxTOUtBUC85az0iPgoJPC9pbWFnZT4KPC9zdmc+"}},"order_column":4,"created_at":"2024-09-09T10:44:35.000000Z","updated_at":"2024-09-09T10:44:36.000000Z","conversions_disk":"public","uuid":"5700f55e-cdc0-4220-ab26-9bcdb286efee","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/12615\/temp94564.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":32,"name":{"en":"Sidebar"},"description":"The Sidebar component is used to show a list of menu items and multi-level dropdown items on either side of the page to navigate on your web app. See below our collection of Sidebars that you can add directly to your Tailwind UI project.","meta_description":"Visit our Sidebars examples that you can add to your Tailwind UI project for showing a list of menu items","slug":{"en":"sidebar"},"type":null,"order_column":31,"created_at":"2022-08-31T14:22:37.000000Z","updated_at":"2022-12-21T11:02:00.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":7130,"tag_id":32}}],"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":7130,"user_id":11240}},{"id":18612,"name":"Aj-Ishac","slug":"aj-ishac","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/96703509?v=4","header":null,"created_at":"2024-05-04T11:15:07.000000Z","updated_at":"2024-05-04T11:15:07.000000Z","pivot":{"component_id":7130,"user_id":18612}},{"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":7130,"user_id":11242}}]}" :edit="false"> Full screen Preview

vldmihalache

30 components Profile On

Community Rate

Related components

See more components