Tailwind CSS Rating popup

A rating popup component with Tailwind CSS

Goga/r/n <\/div>\r\n <\/div>\r\n<\/div>","author_type":"App\\User","author_id":1426,"collection_id":null,"fork_id":null,"votes":74,"score":"3.8","visits":18779,"popularity":1159,"slug":"rating-popup","approved":1,"created_at":"2020-11-09T15:45:53.000000Z","updated_at":"2024-09-19T04:45:46.000000Z","downloads":305,"code_views":4373,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/unpkg.com\/tailwindcss@1.9.6\/dist\/tailwind.min.css","should_tweet":1,"media":[{"id":1811,"model_type":"App\\Component","model_id":738,"collection_name":"preview","name":"temp72142","file_name":"temp72142.png","mime_type":"image\/png","disk":"public","size":40658,"manipulations":[],"custom_properties":{"generated_conversions":{"thumb":true,"ogimage":true}},"responsive_images":{"media_library_original":{"urls":["temp72142___media_library_original_1280_957.png","temp72142___media_library_original_1070_799.png","temp72142___media_library_original_896_669.png","temp72142___media_library_original_749_559.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FGd0FmQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvUkN1MDV4enhzb0J4eFdUa2tPd29qWXB1cWt3c01xeEJRQTI2MWRyVUJmczVrSHFLMWpoNDFOV3pSYkNXK3JQZkt5bTNNUUhjMDUwVlQyWkRZK3NSRFdvRUFkdStEOWFCM1kvY2NZNkNnbTRsQTBmLzlrPSI+Cgk8L2ltYWdlPgo8L3N2Zz4="}},"order_column":1777,"created_at":"2020-11-09T15:45:58.000000Z","updated_at":"2020-11-09T15:45:59.000000Z","conversions_disk":"public","uuid":"4ae1c08e-67f1-4e19-9339-9986db105658","generated_conversions":null,"original_url":"https:\/\/tailwindcomponents.com\/storage\/1811\/temp72142.png","preview_url":""}],"author":{"id":1426,"name":"anteriovieira","slug":"anteriovieira","bio":null,"avatar":"https:\/\/avatars1.githubusercontent.com\/u\/1490347?v=4","header":null,"created_at":"2020-10-25T22:48:59.000000Z","updated_at":"2020-10-25T22:48:59.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":738,"tag_id":2}},{"id":10,"name":{"en":"Modals"},"description":"Choose from our extensive collection of responsive modals to create dialogs, popovers, light boxes, and so on. Show interactive information to your website users using these Tailwind snippets.","meta_description":"Choose from our extensive collection of responsive modals to create dialogs, popovers, light boxes, and so on.","slug":{"en":"modals"},"type":null,"order_column":8,"created_at":"2020-09-29T11:20:03.000000Z","updated_at":"2022-08-01T16:22:07.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":738,"tag_id":10}},{"id":5,"name":{"en":"Widget"},"description":"Check out our collection of 500+ widget examples. Use our snippets to preview the code and spend less time re-inventing the wheel.","meta_description":"Check out our collection of 500+ widget examples. Use our snippets to preview the code and spend less time re-inventing the wheel.","slug":{"en":"widget"},"type":null,"order_column":14,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:16:36.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":738,"tag_id":5}},{"id":62,"name":{"en":"Rating"},"description":"The Tailwind CSS Rating is used to collect and display ratings or feedback using stars or symbols. See below our collection of Rating components that you can add directly to your Tailwind UI project.","meta_description":"Visit our Tailwind CSS Rating component examples that you can add to your web project to create awesome web apps.","slug":{"en":"rating"},"type":null,"order_column":51,"created_at":"2023-10-05T07:49:00.000000Z","updated_at":"2023-10-05T07:49:00.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":738,"tag_id":62}}],"fork":null,"favorites":[{"id":3361,"name":"matigumma","slug":"matigumma","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/794606?v=4","header":null,"created_at":"2021-05-08T00:21:43.000000Z","updated_at":"2021-05-08T00:21:43.000000Z","pivot":{"component_id":738,"user_id":3361}},{"id":3635,"name":"JC","slug":"jc","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/faeb6cee070e9485b0a258d37dfda27e","header":null,"created_at":"2021-05-30T16:02:53.000000Z","updated_at":"2021-05-30T16:02:53.000000Z","pivot":{"component_id":738,"user_id":3635}},{"id":3038,"name":"lohnsonok","slug":"lohnsonok","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/60504466?v=4","header":null,"created_at":"2021-04-11T20:40:20.000000Z","updated_at":"2021-04-11T20:40:20.000000Z","pivot":{"component_id":738,"user_id":3038}},{"id":3558,"name":"whoisthisstud","slug":"whoisthisstud","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/44807533?v=4","header":null,"created_at":"2021-05-25T15:23:04.000000Z","updated_at":"2021-05-25T15:23:04.000000Z","pivot":{"component_id":738,"user_id":3558}},{"id":3910,"name":"HaithamAbdullah","slug":"haithamabdullah","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/76089091?v=4","header":null,"created_at":"2021-06-17T15:09:38.000000Z","updated_at":"2021-06-17T15:09:38.000000Z","pivot":{"component_id":738,"user_id":3910}},{"id":3983,"name":"dyxxxyd","slug":"dyxxxyd","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/39673112?v=4","header":null,"created_at":"2021-06-23T07:19:41.000000Z","updated_at":"2021-06-23T07:19:41.000000Z","pivot":{"component_id":738,"user_id":3983}},{"id":4124,"name":"Lino93","slug":"lino93","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/83257872?v=4","header":null,"created_at":"2021-07-05T01:53:30.000000Z","updated_at":"2021-07-05T01:53:30.000000Z","pivot":{"component_id":738,"user_id":4124}},{"id":4684,"name":"mariya","slug":"mariya","bio":null,"avatar":"\/storage\/avatars\/T45SHJefewVoWFasyrBJlmGxNknV2olVLRr5bJKV.jpg","header":null,"created_at":"2021-08-19T14:28:06.000000Z","updated_at":"2021-08-19T16:30:18.000000Z","pivot":{"component_id":738,"user_id":4684}},{"id":4717,"name":"Salar Houshvand","slug":"salar-houshvand","bio":"Creator of https:\/\/www.penguinui.com | \r\nNC, USA","avatar":"https:\/\/avatars.githubusercontent.com\/u\/48919847?v=4","header":"\/storage\/headers\/Dsi3uwiuqKuaxvqV4LAf1NL4VZTV4bbN65X6tEbq.jpg","created_at":"2021-08-22T02:12:19.000000Z","updated_at":"2024-03-22T18:52:58.000000Z","pivot":{"component_id":738,"user_id":4717}},{"id":4769,"name":"YutoShibuya","slug":"yutoshibuya","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/20227383?v=4","header":null,"created_at":"2021-08-27T11:13:42.000000Z","updated_at":"2021-08-27T11:13:42.000000Z","pivot":{"component_id":738,"user_id":4769}},{"id":4891,"name":"04Ehab","slug":"04ehab","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/1416190320316928001\/cYvY0j73_normal.jpg","header":null,"created_at":"2021-09-06T18:27:36.000000Z","updated_at":"2021-09-06T18:27:36.000000Z","pivot":{"component_id":738,"user_id":4891}},{"id":5232,"name":"natecorkish","slug":"natecorkish","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/66919946?v=4","header":null,"created_at":"2021-09-30T00:42:41.000000Z","updated_at":"2021-09-30T00:42:41.000000Z","pivot":{"component_id":738,"user_id":5232}},{"id":1863,"name":"EgoistDeveloper","slug":"egoistdeveloper","bio":"Converting HTML tailwind templates to SASS use this tool \ud83d\udc49 https:\/\/egoistdeveloper.github.io\/twcss-to-sass-playground \ud83c\udf89 see my all components at here https:\/\/github.com\/EgoistDeveloper\/my-tailwind-components","avatar":"https:\/\/avatars0.githubusercontent.com\/u\/17010054?v=4","header":null,"created_at":"2020-12-30T23:41:30.000000Z","updated_at":"2022-09-05T21:16:39.000000Z","pivot":{"component_id":738,"user_id":1863}},{"id":3866,"name":"devdeno","slug":"devdeno","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/51911254?v=4","header":null,"created_at":"2021-06-14T09:54:38.000000Z","updated_at":"2021-06-14T09:54:38.000000Z","pivot":{"component_id":738,"user_id":3866}},{"id":5687,"name":"Josiechat","slug":"josiechat","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/70537709?v=4","header":null,"created_at":"2021-11-04T23:47:37.000000Z","updated_at":"2021-11-04T23:47:37.000000Z","pivot":{"component_id":738,"user_id":5687}},{"id":6574,"name":"fachrularly","slug":"fachrularly","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/24983698?v=4","header":null,"created_at":"2022-01-19T13:34:22.000000Z","updated_at":"2022-01-19T13:34:22.000000Z","pivot":{"component_id":738,"user_id":6574}},{"id":6639,"name":"4n70w4","slug":"4n70w4","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/38257723?v=4","header":null,"created_at":"2022-01-24T09:30:58.000000Z","updated_at":"2022-01-24T09:30:58.000000Z","pivot":{"component_id":738,"user_id":6639}},{"id":6695,"name":"Arijul Islam","slug":"arijul-islam","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/da91634e524611ff5f75e818755e9b92","header":null,"created_at":"2022-01-27T19:24:22.000000Z","updated_at":"2022-01-27T19:24:22.000000Z","pivot":{"component_id":738,"user_id":6695}},{"id":1434,"name":"Matt","slug":"matt","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/2098eb6a3d48b22ed0692849699c795a","header":null,"created_at":"2020-10-27T13:11:58.000000Z","updated_at":"2020-10-27T13:11:58.000000Z","pivot":{"component_id":738,"user_id":1434}},{"id":3081,"name":"Taniform","slug":"taniform","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/7942529?v=4","header":null,"created_at":"2021-04-16T10:08:01.000000Z","updated_at":"2021-04-16T10:08:01.000000Z","pivot":{"component_id":738,"user_id":3081}},{"id":7464,"name":"Stephanefy","slug":"stephanefy","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/46522756?v=4","header":null,"created_at":"2022-04-09T06:54:03.000000Z","updated_at":"2022-04-09T06:54:03.000000Z","pivot":{"component_id":738,"user_id":7464}},{"id":1282,"name":"benaja-bendo","slug":"benaja-bendo","bio":null,"avatar":"https:\/\/avatars2.githubusercontent.com\/u\/64331956?v=4","header":null,"created_at":"2020-10-12T19:27:01.000000Z","updated_at":"2020-10-12T19:27:01.000000Z","pivot":{"component_id":738,"user_id":1282}},{"id":7705,"name":"Patrik","slug":"patrik","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/26102ad6395e377cf34dfff892b02140","header":null,"created_at":"2022-04-30T14:07:12.000000Z","updated_at":"2022-04-30T14:07:12.000000Z","pivot":{"component_id":738,"user_id":7705}},{"id":7779,"name":"helxsz","slug":"helxsz","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/669670?v=4","header":null,"created_at":"2022-05-07T11:19:08.000000Z","updated_at":"2022-05-07T11:19:08.000000Z","pivot":{"component_id":738,"user_id":7779}},{"id":8280,"name":"NdekoCode","slug":"ndekocode","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/85836702?v=4","header":"\/storage\/headers\/3FqzEebO3eZi51EIVGBz9z4Z9OfkfxfX63Dtgga5.png","created_at":"2022-06-28T15:31:22.000000Z","updated_at":"2023-09-08T17:49:11.000000Z","pivot":{"component_id":738,"user_id":8280}},{"id":11740,"name":"Nam","slug":"nam","bio":null,"avatar":"\/storage\/avatars\/745xZxTzPeuqAOq9agkTlTsMpRSjeIAWVlmuhG5T.png","header":null,"created_at":"2023-04-02T23:03:12.000000Z","updated_at":"2023-04-02T23:05:19.000000Z","pivot":{"component_id":738,"user_id":11740}},{"id":11775,"name":"jakkph","slug":"jakkph","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/25721891?v=4","header":null,"created_at":"2023-04-05T19:42:14.000000Z","updated_at":"2023-04-05T19:42:14.000000Z","pivot":{"component_id":738,"user_id":11775}},{"id":12167,"name":"entykey","slug":"entykey","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/89012668?v=4","header":null,"created_at":"2023-05-01T17:14:19.000000Z","updated_at":"2023-05-01T17:14:19.000000Z","pivot":{"component_id":738,"user_id":12167}},{"id":10885,"name":"Elghourrasse1999","slug":"elghourrasse1999","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/100447916?v=4","header":null,"created_at":"2023-02-06T20:13:35.000000Z","updated_at":"2023-02-06T20:13:35.000000Z","pivot":{"component_id":738,"user_id":10885}},{"id":9030,"name":"zariyatyasin","slug":"zariyatyasin","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/64485419?v=4","header":null,"created_at":"2022-09-12T18:44:11.000000Z","updated_at":"2022-09-12T18:44:11.000000Z","pivot":{"component_id":738,"user_id":9030}},{"id":12974,"name":"Will","slug":"will","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/b0c0410b8b9c0c1e2c68440cbcb85c38","header":null,"created_at":"2023-06-28T03:57:11.000000Z","updated_at":"2023-06-28T03:57:11.000000Z","pivot":{"component_id":738,"user_id":12974}},{"id":13027,"name":"josephenejimenez","slug":"josephenejimenez","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/126631074?v=4","header":null,"created_at":"2023-07-01T19:08:03.000000Z","updated_at":"2023-07-01T19:08:03.000000Z","pivot":{"component_id":738,"user_id":13027}},{"id":13886,"name":"allanokothdev","slug":"allanokothdev","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/19547628?v=4","header":null,"created_at":"2023-08-30T10:34:02.000000Z","updated_at":"2023-08-30T10:34:02.000000Z","pivot":{"component_id":738,"user_id":13886}},{"id":14190,"name":"nagar2817","slug":"nagar2817","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/60040336?v=4","header":null,"created_at":"2023-09-15T21:11:50.000000Z","updated_at":"2023-09-15T21:11:50.000000Z","pivot":{"component_id":738,"user_id":14190}},{"id":14735,"name":"namf2001","slug":"namf2001","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/108163223?v=4","header":null,"created_at":"2023-10-17T11:50:11.000000Z","updated_at":"2023-10-17T11:50:11.000000Z","pivot":{"component_id":738,"user_id":14735}},{"id":16032,"name":"hudaputrasantosa","slug":"hudaputrasantosa","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/55727003?v=4","header":null,"created_at":"2023-12-25T11:15:44.000000Z","updated_at":"2023-12-25T11:15:44.000000Z","pivot":{"component_id":738,"user_id":16032}}]}" :edit="false"> Full screen Preview

anteriovieira

5 components Profile On

Community Rate

Related components

See more components