Tailwind CSS Pricing table wireframes

Simple pricing table layout made using Tailwind CSS

/r/n <\/a>\r\n <\/div>\r\n<\/div>","author_type":"App\\User","author_id":977,"collection_id":null,"fork_id":null,"votes":10,"score":"4.8","visits":11836,"popularity":1411,"slug":"pricing-table-wireframes-1","approved":1,"created_at":"2021-03-02T10:00:49.000000Z","updated_at":"2024-08-29T08:22:10.000000Z","downloads":244,"code_views":2395,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":1,"media":[{"id":2600,"model_type":"App\\Component","model_id":1059,"collection_name":"preview","name":"temp92174","file_name":"temp92174.png","mime_type":"image\/png","disk":"public","size":97521,"manipulations":[],"custom_properties":{"generated_conversions":{"thumb":true,"ogimage":true}},"responsive_images":{"media_library_original":{"urls":["temp92174___media_library_original_1280_957.png","temp92174___media_library_original_1070_799.png","temp92174___media_library_original_895_669.png","temp92174___media_library_original_749_559.png","temp92174___media_library_original_627_468.png","temp92174___media_library_original_524_391.png","temp92174___media_library_original_439_328.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FGd0FmQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvVGVlMWtlWldYcFRFT2FZUnlZWmdDQjB6U0FoUzlIemtzT1BlbllDM2JTclBHQ0NEOUtRSW1CYkZBSE82dFlnWFBuR1ZoN0NxUWlDejBYN1Nya1R0aHZlaTRHMXBtbXRwME96Y1g5elNiR1hiaWJ5WVMxSVpsM1RyTEFKQ3VTYWZVa2ZCSXR2RWpCY1pvRFl2U1hXMk5XeDFxRzdGcEgvMlE9PSI+Cgk8L2ltYWdlPgo8L3N2Zz4="}},"order_column":2538,"created_at":"2021-03-02T10:00:53.000000Z","updated_at":"2021-03-02T10:00:55.000000Z","conversions_disk":"public","uuid":"14d436ed-328c-4746-937b-f29412b29756","generated_conversions":null,"original_url":"https:\/\/tailwindcomponents.com\/storage\/2600\/temp92174.png","preview_url":""}],"author":{"id":977,"name":"Scott Windon","slug":"scott-windon","bio":"https:\/\/linktr.ee\/scottwindon","avatar":"\/storage\/avatars\/bdSSQtrngChUVVpfr5lHlMzUqupQfYvPWmY9wj0L.jpg","header":null,"created_at":"2020-08-04T05:42:29.000000Z","updated_at":"2021-12-10T11:11:18.000000Z"},"tags":[{"id":4,"name":{"en":"Cards"},"description":"Check out our examples of beautifully designed cards that will help you display your content easily. Use our snippets to preview the code and spend less time re-inventing the wheel.","meta_description":"Check out our examples of beautifully designed cards that will help you display your content easily.","slug":{"en":"cards"},"type":null,"order_column":3,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:06:24.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":1059,"tag_id":4}},{"id":6,"name":{"en":"Tables"},"description":"Choose from our flexible table examples to organize and display the data efficiently in your Tailwind project. Use our snippets to preview and copy\/paste the code.","meta_description":"Choose from our flexible table examples to organize and display the data efficiently in your Tailwind project.","slug":{"en":"tables"},"type":null,"order_column":13,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:15:59.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":1059,"tag_id":6}},{"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":1059,"tag_id":5}},{"id":53,"name":{"en":"Pricing"},"description":"The Pricing Section helps users compare products or services' features, benefits, and costs. See below our collection of beautiful Pricing Sections that you can add directly to your Tailwind UI project.","meta_description":"Visit our Pricing collection that you can add to your Tailwind UI project to create awesome websites.","slug":{"en":"pricing"},"type":null,"order_column":42,"created_at":"2023-07-20T07:30:42.000000Z","updated_at":"2023-07-20T07:49:40.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":1059,"tag_id":53}}],"fork":null,"favorites":[{"id":511,"name":"Pavlove BIOKOU","slug":"pavlove-biokou","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/385e43896a4a67214bb4648edbcf531b","header":null,"created_at":"2020-04-03T09:40:07.000000Z","updated_at":"2020-04-03T09:40:07.000000Z","pivot":{"component_id":1059,"user_id":511}},{"id":3933,"name":"xuxinyuancode","slug":"xuxinyuancode","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/38748564?v=4","header":null,"created_at":"2021-06-19T09:42:28.000000Z","updated_at":"2021-06-19T09:42:28.000000Z","pivot":{"component_id":1059,"user_id":3933}},{"id":3990,"name":"CharlyRuizM","slug":"charlyruizm","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/54676097?v=4","header":null,"created_at":"2021-06-23T18:59:16.000000Z","updated_at":"2021-06-23T18:59:16.000000Z","pivot":{"component_id":1059,"user_id":3990}},{"id":4040,"name":"marcospreviato","slug":"marcospreviato","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/954968836855554048\/roDiKim8_normal.jpg","header":null,"created_at":"2021-06-27T13:12:55.000000Z","updated_at":"2021-06-27T13:12:55.000000Z","pivot":{"component_id":1059,"user_id":4040}},{"id":4237,"name":"erkobridee","slug":"erkobridee","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/342471?v=4","header":null,"created_at":"2021-07-14T06:40:38.000000Z","updated_at":"2021-07-14T06:40:38.000000Z","pivot":{"component_id":1059,"user_id":4237}},{"id":4395,"name":"Francisco","slug":"francisco-1","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/084216caa119ecac202eb6884d766877","header":null,"created_at":"2021-07-27T16:32:56.000000Z","updated_at":"2021-07-27T16:32:56.000000Z","pivot":{"component_id":1059,"user_id":4395}},{"id":4436,"name":"davmixcool","slug":"davmixcool","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/5640065?v=4","header":null,"created_at":"2021-07-30T18:16:24.000000Z","updated_at":"2021-07-30T18:16:24.000000Z","pivot":{"component_id":1059,"user_id":4436}},{"id":368,"name":"khatabwedaa","slug":"khatabwedaa","bio":"Web designer & developer https:\/\/merakiui.com.","avatar":"\/storage\/avatars\/ckQ2aybMQQJgUPv1HOe9XbpNmQmltLlWyy4CSVuJ.jpg","header":"\/storage\/headers\/mGwrFeXBOBPoz7DhAt98sH59byb7HUxdsTd3tVYB.png","created_at":"2020-02-15T10:59:29.000000Z","updated_at":"2023-05-01T07:26:40.000000Z","pivot":{"component_id":1059,"user_id":368}},{"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":1059,"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":1059,"user_id":4684}},{"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":1059,"user_id":3558}},{"id":5331,"name":"bryanwills","slug":"bryanwills","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/688756?v=4","header":null,"created_at":"2021-10-08T05:05:41.000000Z","updated_at":"2021-10-08T05:05:41.000000Z","pivot":{"component_id":1059,"user_id":5331}},{"id":5605,"name":"md-marop-hossain","slug":"md-marop-hossain","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/81180354?v=4","header":null,"created_at":"2021-10-28T15:41:01.000000Z","updated_at":"2021-10-28T15:41:01.000000Z","pivot":{"component_id":1059,"user_id":5605}},{"id":6202,"name":"hubo502","slug":"hubo502","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/5745097?v=4","header":null,"created_at":"2021-12-17T10:35:47.000000Z","updated_at":"2021-12-17T10:35:47.000000Z","pivot":{"component_id":1059,"user_id":6202}},{"id":6764,"name":"ranghaus","slug":"ranghaus","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/96725927?v=4","header":null,"created_at":"2022-02-03T14:58:28.000000Z","updated_at":"2022-02-03T14:58:28.000000Z","pivot":{"component_id":1059,"user_id":6764}},{"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":1059,"user_id":1434}},{"id":6850,"name":"1g881g8","slug":"1g881g8","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/99536449?v=4","header":null,"created_at":"2022-02-12T11:01:40.000000Z","updated_at":"2022-02-12T11:01:40.000000Z","pivot":{"component_id":1059,"user_id":6850}},{"id":6625,"name":"Abdulakeem Gbadamosi","slug":"abdulakeem-gbadamosi","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/f876fd2bad6477a667b17b2852d61c74","header":null,"created_at":"2022-01-23T04:54:42.000000Z","updated_at":"2022-01-23T04:54:42.000000Z","pivot":{"component_id":1059,"user_id":6625}},{"id":7878,"name":"oscarescalando","slug":"oscarescalando","bio":null,"avatar":"https:\/\/pbs.twimg.com\/profile_images\/1234483598184603654\/mFr453SD_normal.jpg","header":null,"created_at":"2022-05-18T11:55:53.000000Z","updated_at":"2022-05-18T11:55:53.000000Z","pivot":{"component_id":1059,"user_id":7878}},{"id":9604,"name":"vnwefo802","slug":"vnwefo802","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/95290205?v=4","header":null,"created_at":"2022-11-03T01:48:46.000000Z","updated_at":"2022-11-03T01:48:46.000000Z","pivot":{"component_id":1059,"user_id":9604}},{"id":11157,"name":"arpit-absyadav","slug":"arpit-absyadav","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/27771673?v=4","header":null,"created_at":"2023-02-23T14:47:41.000000Z","updated_at":"2023-02-23T14:47:41.000000Z","pivot":{"component_id":1059,"user_id":11157}},{"id":4128,"name":"rudyhadoux","slug":"rudyhadoux","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/45458482?v=4","header":null,"created_at":"2021-07-05T17:44:30.000000Z","updated_at":"2021-07-05T17:44:30.000000Z","pivot":{"component_id":1059,"user_id":4128}},{"id":12253,"name":"capitanbarbosa","slug":"capitanbarbosa","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/65256527?v=4","header":null,"created_at":"2023-05-07T00:22:51.000000Z","updated_at":"2023-05-07T00:22:51.000000Z","pivot":{"component_id":1059,"user_id":12253}},{"id":6940,"name":"123ApplePie","slug":"123applepie","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/73269263?v=4","header":null,"created_at":"2022-02-21T13:49:46.000000Z","updated_at":"2022-02-21T13:49:46.000000Z","pivot":{"component_id":1059,"user_id":6940}},{"id":18468,"name":"NatanaelAlexander","slug":"natanaelalexander","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/69061503?v=4","header":null,"created_at":"2024-04-27T01:57:23.000000Z","updated_at":"2024-04-27T01:57:23.000000Z","pivot":{"component_id":1059,"user_id":18468}}]}" :edit="false"> Full screen Preview