Search Box

Google inspired resizable search box

/r/n <\/a>\r\n <\/div>\r\n<\/div>","author_type":"App\\User","author_id":977,"collection_id":null,"fork_id":null,"votes":5,"score":"4.4","visits":11353,"popularity":730,"slug":"search-box-1","approved":1,"created_at":"2021-02-03T20:07:02.000000Z","updated_at":"2024-09-19T01:00:05.000000Z","downloads":141,"code_views":4097,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":2328,"model_type":"App\\Component","model_id":936,"collection_name":"preview","name":"temp98353","file_name":"temp98353.png","mime_type":"image\/png","disk":"public","size":16527,"manipulations":[],"custom_properties":{"generated_conversions":{"thumb":true,"ogimage":true}},"responsive_images":{"media_library_original":{"urls":["temp98353___media_library_original_1280_957.png","temp98353___media_library_original_1070_799.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FGd0FmQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErRWdDeHdCaysxZXdlZVA4aVQrNDM1VUFIa3lmM0cvS2dCaEdLQU9yK0c5NW85bDRpaGsxcVB6TE1INWhTWTBmU2tIalQ0TUNKUTJuZ3Rqbml1WnhrM2MzNW8yc1E2aDR6K0RiMmNvaXNBSkNwMjhEclZXa1pybFR1ZkwzaTJleHVkZHVaTk9YWmFsanNIdFd5MkllK2hqMVFnelFBWm9BMS9EM2g1OWVsZEVjTHRGWnlseWxKWFAvMlE9PSI+Cgk8L2ltYWdlPgo8L3N2Zz4="}},"order_column":2273,"created_at":"2021-02-09T08:36:10.000000Z","updated_at":"2021-02-09T08:36:15.000000Z","conversions_disk":"public","uuid":"57a9df4d-3831-42f5-a6f2-5e21e03fb329","generated_conversions":null,"original_url":"https:\/\/tailwindcomponents.com\/storage\/2328\/temp98353.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":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":936,"tag_id":2}},{"id":12,"name":{"en":"Inputs"},"description":"Find your inspiration with our collection of free input examples. Copy and paste them into your app and spend less time on coding.","meta_description":"Find your inspiration with our collection of free input examples. Copy and paste them into your app and spend less time on coding.","slug":{"en":"inputs"},"type":null,"order_column":6,"created_at":"2020-09-29T11:58:52.000000Z","updated_at":"2022-08-01T16:21:48.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":936,"tag_id":12}}],"fork":null,"favorites":[{"id":3574,"name":"blantonious","slug":"blantonious","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/455691?v=4","header":null,"created_at":"2021-05-26T14:40:32.000000Z","updated_at":"2021-05-26T14:40:32.000000Z","pivot":{"component_id":936,"user_id":3574}},{"id":3649,"name":"Robin Hossain","slug":"robin-hossain","bio":null,"avatar":"\/storage\/avatars\/hNv9NZ2777RrIaZsDGfoNtAh09BrbZSqYbklqskH.jpg","header":null,"created_at":"2021-05-31T11:47:16.000000Z","updated_at":"2021-06-08T14:10:44.000000Z","pivot":{"component_id":936,"user_id":3649}},{"id":4761,"name":"mohammadsaju","slug":"mohammadsaju","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/75413106?v=4","header":null,"created_at":"2021-08-26T16:52:25.000000Z","updated_at":"2021-08-26T16:52:25.000000Z","pivot":{"component_id":936,"user_id":4761}},{"id":5070,"name":"neolium","slug":"neolium","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/1325527?v=4","header":null,"created_at":"2021-09-16T08:45:11.000000Z","updated_at":"2021-09-16T08:45:11.000000Z","pivot":{"component_id":936,"user_id":5070}},{"id":6513,"name":"arifsh4rk","slug":"arifsh4rk","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/4327560?v=4","header":null,"created_at":"2022-01-14T18:21:51.000000Z","updated_at":"2022-01-14T18:21:51.000000Z","pivot":{"component_id":936,"user_id":6513}},{"id":4536,"name":"paramjeet-dhiman","slug":"paramjeet-dhiman","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/86948618?v=4","header":null,"created_at":"2021-08-08T03:47:42.000000Z","updated_at":"2021-08-08T03:47:42.000000Z","pivot":{"component_id":936,"user_id":4536}},{"id":12321,"name":"Arun Kumar","slug":"arun-kumar","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/e645688c8afb052a14811b90242a47a9","header":null,"created_at":"2023-05-11T19:57:25.000000Z","updated_at":"2023-05-11T19:58:46.000000Z","pivot":{"component_id":936,"user_id":12321}},{"id":4565,"name":"kthehatter","slug":"kthehatter","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/13066001?v=4","header":null,"created_at":"2021-08-10T21:12:18.000000Z","updated_at":"2021-08-10T21:12:18.000000Z","pivot":{"component_id":936,"user_id":4565}}]}" :edit="false"> Full screen Preview

Scott Windon

41 components

Community Rate

Related components

See more components