Dark Login Page

Dark login page for Tailwindcss

Forgot/r/n password?<\/a>\r\n <\/div>\r\n <div class=\"mt-4 flex items-center justify-end gap-x-2\">\r\n <a class=\"inline-flex items-center justify-center rounded-md text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:ring hover:ring-white h-10 px-4 py-2 duration-200\"\r\n href=https://www.creative-tim.com/"//register/">Register/r/n <button\r\n class=\"font-semibold hover:bg-black hover:text-white hover:ring hover:ring-white transition duration-300 inline-flex items-center justify-center rounded-md text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-white text-black h-10 px-4 py-2\"\r\n type=\"submit\">Log in<\/button>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>","author_type":"App\\User","author_id":16850,"collection_id":null,"fork_id":null,"votes":1,"score":"4.0","visits":5221,"popularity":357,"slug":"dark-login-page","approved":1,"created_at":"2024-02-09T00:00:00.000000Z","updated_at":"2024-08-29T08:07:19.000000Z","downloads":119,"code_views":1593,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":11446,"model_type":"App\\Component","model_id":6225,"collection_name":"preview","name":"temp92573","file_name":"temp92573.png","mime_type":"image\/png","disk":"public","size":30544,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp92573___media_library_original_1280_957.png","temp92573___media_library_original_1070_800.png","temp92573___media_library_original_895_669.png","temp92573___media_library_original_749_560.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvS3FnQjBjWmtPQlFBT2hqT0RRQTJnQW9Bc1JzRmpIclFCWWswK1Y3UTNHMDdQV2dSbjBEQ2dBb0F0alU1eGFmWjkzN3Ywb0FxVUFmLzlrPSI+Cgk8L2ltYWdlPgo8L3N2Zz4="}},"order_column":1,"created_at":"2024-02-09T19:25:15.000000Z","updated_at":"2024-02-09T19:25:16.000000Z","conversions_disk":"public","uuid":"48727490-a90c-4668-9bef-caf9ba71d088","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/11446\/temp92573.png","preview_url":""}],"author":{"id":16850,"name":"Ardiansyah Putra","slug":"ardiansyah-putra","bio":"Web Programming Enthusiast","avatar":"\/storage\/avatars\/uMR3f506SK0GdtIRAeZRVIBDOd5osmWeZ8Rvn2Oh.jpg","header":"\/storage\/headers\/43rSYnxwARqX3RZikj2qHhPkexXreBQ6BajWNjEk.jpg","created_at":"2024-02-09T19:17:50.000000Z","updated_at":"2024-02-09T19:18:39.000000Z"},"tags":[{"id":2,"name":{"en":"Forms"},"description":"Get started with our 100+ forms examples that are ready to be used in your Tailwind project. From Sign up, Sign in, to subscribe forms we got anything you need.","meta_description":"Get started with our 100+ forms examples that are ready to be used in your Tailwind project. From Sign up, Sign in, to subscribe forms we got anything you need.","slug":{"en":"forms"},"type":null,"order_column":5,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:08:37.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":6225,"tag_id":2}},{"id":9,"name":{"en":"Logins"},"description":"Improve your authentication process with these examples of Login components and pages. They are ready-to-use directly in your Tailwind CSS project.","meta_description":"Improve your authentication process with these examples of Login components and pages. They are ready-to-use directly in your Tailwind CSS project.","slug":{"en":"logins"},"type":null,"order_column":7,"created_at":"2020-09-29T11:19:46.000000Z","updated_at":"2022-08-01T16:22:17.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":6225,"tag_id":9}},{"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":6225,"tag_id":7}}],"fork":null,"favorites":[{"id":16134,"name":"ctrljames","slug":"ctrljames","bio":null,"avatar":"\/storage\/avatars\/lMpJLAqN28ZJJGQCY5AQ3u26YWS9brlZi2jRTXAV.jpg","header":"\/storage\/headers\/M9haOK3UGgaF25rhrulcTn76y9C6sOJuYQKq0MH6.jpg","created_at":"2024-01-01T06:41:07.000000Z","updated_at":"2024-01-22T15:16:15.000000Z","pivot":{"component_id":6225,"user_id":16134}},{"id":13420,"name":"socratat-b","slug":"socratat-b","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/130426479?v=4","header":null,"created_at":"2023-07-29T09:27:39.000000Z","updated_at":"2023-07-29T09:27:39.000000Z","pivot":{"component_id":6225,"user_id":13420}},{"id":16850,"name":"Ardiansyah Putra","slug":"ardiansyah-putra","bio":"Web Programming Enthusiast","avatar":"\/storage\/avatars\/uMR3f506SK0GdtIRAeZRVIBDOd5osmWeZ8Rvn2Oh.jpg","header":"\/storage\/headers\/43rSYnxwARqX3RZikj2qHhPkexXreBQ6BajWNjEk.jpg","created_at":"2024-02-09T19:17:50.000000Z","updated_at":"2024-02-09T19:18:39.000000Z","pivot":{"component_id":6225,"user_id":16850}},{"id":18984,"name":"pinhogo","slug":"pinhogo","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/147776266?v=4","header":null,"created_at":"2024-05-24T17:12:50.000000Z","updated_at":"2024-05-24T17:12:50.000000Z","pivot":{"component_id":6225,"user_id":18984}},{"id":18601,"name":"farisubuntu","slug":"farisubuntu","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/28393130?v=4","header":null,"created_at":"2024-05-03T18:16:50.000000Z","updated_at":"2024-05-03T18:16:50.000000Z","pivot":{"component_id":6225,"user_id":18601}}]}" :edit="false"> Full screen Preview

Ardiansyah Putra

2 components

Community Rate

Related components

See more components