[email protected]

Tailwind CSS Dashboard Layout

By Muhammed

dasboard idea

Share

/r/n <div class=\"flex flex-col items-center\">\r\n <span class=\"font-semibold text-lg text-emerald-700\">Muhammed YE\u015e\u0130LMEN<\/span>\r\n <span class=\"text-slate-400 text-sm\">Developer<\/span>\r\n <\/div>\r\n <div class=\"text-sm text-slate-400\">\r\n <span class=\"font-semibold text-slate-500\">Y\u00f6nlendirilmi\u015f Ticket Say\u0131s\u0131<\/span> (20)\r\n <\/div>\r\n <\/div>\r\n\r\n <ul class=\"px-6 space-y-2\">\r\n <li>\r\n <a class=\"block px-4 py-2.5 text-slate-800 font-semibold hover:bg-emerald-950 hover:text-white rounded-lg\" href=https://www.creative-tim.com/"#\">Haber Y\u00f6netimi<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"block px-4 py-2.5 text-slate-800 font-semibold hover:bg-emerald-950 hover:text-white rounded-lg\" href=https://www.creative-tim.com/"#\">CMS Hesaplar\u0131<\/a>\r\n\r\n <\/li>\r\n <li>\r\n <a class=\"block px-4 py-2.5 text-slate-800 font-semibold hover:bg-emerald-950 hover:text-white rounded-lg\" href=https://www.creative-tim.com/"#\">Destek Talepleri<\/a>\r\n <\/li>\r\n <li class=\"bg-slate-50 pb-2 rounded-lg border\">\r\n <a class=\"block px-4 py-2.5 text-slate-200 font-semibold hover:bg-emerald-950 hover:text-white rounded-lg bg-emerald-950\" href=https://www.creative-tim.com/"#\">Loglar & Kay\u0131tlar<\/a>\r\n <ol class=\"text-sm text-slate-700 space-y-4 pl-6 my-2.5\">\r\n <li>\r\n <a class=\"block text-slate-500 hover:text-slate-950\">Karakter Transfer Talepleri<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"block text-slate-500 hover:text-slate-950\">Silah Y\u00fckseltme Talepleri<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"block text-slate-500 hover:text-slate-950\">\u0130sim De\u011fi\u015ftirme Kay\u0131tlar\u0131<\/a>\r\n <\/li>\r\n <li>\r\n <a class=\"block text-slate-500 hover:text-slate-950\">Klan De\u011fi\u015ftirme Kay\u0131tlar\u0131<\/a>\r\n <\/li>\r\n <\/ol>\r\n <\/li>\r\n <li>\r\n <a class=\"block px-4 py-2.5 text-slate-800 font-semibold hover:bg-emerald-950 hover:text-white rounded-lg\" href=https://www.creative-tim.com/"#\">Etkinlik Y\u00f6netimi<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n <div class=\"right w-full flex gap-2 flex-col\">\r\n <header class=\"h-16 w-full flex items-center p-4 text-slate-400\">\r\n <ol class=\" text-slate-400 flex flex-wrap gap-1 text-sm [&>li:last-child]:font-semibold [&>li:not(:first-child)]:before:content-['\\00bb']\">\r\n <li class=\"before:content-['\\2616'] before:mx-2\"><a href=https://www.creative-tim.com/"#\">Homepage<\/a><\/li>\r\n <li class=\"before:mx-2\"><a href=https://www.creative-tim.com/"#\">Category Name<\/a><\/li>\r\n <li class=\"before:mx-2\">Page name<\/li>\r\n <\/ol>\r\n <\/header>\r\n\r\n <div class=\"p-4\">\r\n <h1 class=\"text-xl font-semibold text-slate-500 page-title\">Page Name<\/h1>\r\n <\/div>\r\n <\/div>\r\n<div>","author_type":"App\\User","author_id":12288,"collection_id":null,"fork_id":null,"votes":2,"score":"4.5","visits":4071,"popularity":129,"slug":"dashboard-30","approved":1,"created_at":"2024-02-06T00:00:00.000000Z","updated_at":"2025-06-18T11:21:09.000000Z","downloads":33,"code_views":478,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":11403,"model_type":"App\\Component","model_id":6195,"collection_name":"preview","name":"temp31560","file_name":"temp31560.png","mime_type":"image\/png","disk":"public","size":52768,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp31560___media_library_original_1280_957.png","temp31560___media_library_original_1070_800.png","temp31560___media_library_original_895_669.png","temp31560___media_library_original_749_560.png","temp31560___media_library_original_627_469.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvU1V3UEtYTE5XbFBjem5zUVJXcXA5YTd6akxLakFvQVdnQ1pWKytUWEJUM095ZXhEWGVjWVVBRkFHemUyNlJ4RWdjMXdVOXpzbnNZMWQ1eGhRQVVBZi9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":2,"created_at":"2024-02-06T11:57:06.000000Z","updated_at":"2024-02-06T11:57:08.000000Z","conversions_disk":"public","uuid":"b33d5049-2265-4e67-be1b-52ee7c4da24a","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/11403\/temp31560.png","preview_url":""}],"author":{"id":12288,"name":"Muhammed","slug":"muhammed-1","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/193dd5f2e9a970493217cdd065b705aa","header":null,"created_at":"2023-05-09T11:14:51.000000Z","updated_at":"2023-05-09T11:14:51.000000Z"},"tags":[{"id":38,"name":{"en":"Dashboard"},"description":"A Dashboard is a project management and data visualization tool. See below our collection of Admins that you can add directly to your Tailwind UI project.","meta_description":"Visit our Dashboard collection that you can add to your Tailwind UI project to analyze your data.","slug":{"en":"dashboard"},"type":null,"order_column":37,"created_at":"2022-08-31T14:25:37.000000Z","updated_at":"2022-12-21T11:01:15.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":6195,"tag_id":38}},{"id":41,"name":{"en":"Layout"},"description":"A layout component includes sections of your website that you want to share across multiple pages. See below our collection of Layouts that you can add directly to your Tailwind UI project.","meta_description":"Visit our Layouts collection that you can add to your Tailwind UI project to create awesome websites.","slug":{"en":"layout"},"type":null,"order_column":40,"created_at":"2022-08-31T14:27:17.000000Z","updated_at":"2022-12-21T11:01:02.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":6195,"tag_id":41}}],"fork":null,"favorites":[]}" :edit="false"> Full screen Preview

Muhammed

2 components

Tailwind CSS Dashboard Layout

Community Rate

Related components