Discover the Flutter suite’s champion widgets

Here is the list of the most popular Flutter widgets

[{"selector":"#anim-4d5bbf66-c6c3-4eb3-a425-bb8780d7ef32","keyframes":{"transform":["translate3d(-144.25533%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f833b6c9-9452-44e1-a9c6-51c2a13937a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12f2365d-c729-4c93-931a-8c0f8776a05a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-317dc639-642b-4a3f-815d-aa1860f6b56d","keyframes":{"transform":["translate3d(-144.25533%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8a8ab5c5-2618-4e9e-81b6-0cc38852d55c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dc28bb27-0f20-430c-8346-55bacf86b495","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-49291801-bde5-4841-b371-c84e7d673090","keyframes":{"transform":["translate3d(-144.25533%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-05f4940f-188b-4191-9177-3087f6ba27d1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f823ebe7-b640-4639-a46c-99784f383dd7","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-9869e4eb-30cf-4ea8-b368-9fef3f828739","keyframes":{"transform":["translate3d(-181.88978%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9e003bc-f211-4c0f-ab82-4f311d71bdd6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03994200-e5e9-4539-956d-55d808abdf08","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-a996d91e-dbff-46a1-b526-ecd80d3169e7","keyframes":{"transform":["translate3d(-138.80597%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d5bab2d-0157-4f0f-9a09-33185a45eaed","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a1e5165-7040-44d4-8b38-4768729c2081","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-b06b2aab-ee5e-4593-b64d-8bc1cb29ddb9","keyframes":{"transform":["translate3d(-139.17911%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d26e3e4c-1047-42ff-bc0f-b30f07b14ba5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-446160a8-c23b-4691-a466-ff79396befdf","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] DataGrid Charts Calendar Radial Gauge PDF Library PDF Viewer

DataGrid

[{"selector":"#anim-221c9dc8-5115-481d-a136-349e1dbbc908","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89d6ebce-8311-43c7-bc04-a590b90dd09f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bbf4ed09-4208-4f46-a0ae-01d7e4886052","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-265dfe51-0d26-453d-acc4-8069065b2cce","keyframes":{"transform":["translate3d(-117.18213%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e34facc6-499d-49e7-bf85-5d58dcb1e52c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5dfe68cc-a4e5-4f89-aea0-4bbdd5ab05bf","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The Flutter DataGrid efficiently presents and manages data in a tabular format. It’s crafted for optimal performance, seamlessly handling even substantial data loads.

Charts

[{"selector":"#anim-de3df2d9-f2b4-4d88-9363-153de028b0f5","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-259f5b81-4be2-463d-91f4-3ab5267ff266","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e241852e-873e-4d9e-88bd-87fa62e14609","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-4bc74f31-8e64-4f79-8f1b-91bf24065d4b","keyframes":{"transform":["translate3d(-115.92356%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-30b3fa9c-7238-4dea-bf9f-4fc3e87779b3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca89f8e9-bbcf-4341-95b2-3d41908223fe","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The Flutter Charts widget offers over 30 types of charts, each easily customizable with built-in tools to produce captivating visual effects.

Calendar

[{"selector":"#anim-6e600da6-4efa-4503-8913-8c4856022cf0","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b40b313-6fa5-4314-8a0e-312a480da9a6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6bda0655-4cc1-46c4-84e8-f7149849d12a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-5ce544e1-4696-4b91-a188-2a419ff209f2","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a38ae891-fc89-449d-97da-f3db31ff85b7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-440ac759-b903-4790-a48b-93ad6b6095ae","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The Flutter Calendar library offers customizable view modes for efficient appointment scheduling. With a user-friendly interface, it supports custom workdays, hours, and basic calendar functions like navigation and selection.

Radial Gauge

[{"selector":"#anim-e5bb0b22-ae16-414e-bad0-5902f96cba24","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5e383801-24e2-491c-aae2-1c2b632e1ea2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6064a0f4-54eb-49be-84c1-09b1470d0062","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-85b4bb08-6594-4079-9682-73f2bb5a8099","keyframes":{"transform":["translate3d(-116.89189%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-df9aff01-1dec-4c91-a8e0-fe83040ff7f6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d4bee7bc-ed5e-46af-aad0-e338927d2bee","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The Radial Gauge control for Flutter is a versatile data visualization widget presenting numerical values on a circular scale. With customizable axes, ranges, pointers, and annotations, it's ideal for creating speedometers, temperature monitors, dashboards, and more.

PDF Library

[{"selector":"#anim-1cbd8c59-2950-4ef1-88e4-16d2d26ee314","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d09be5a-311f-4c68-bf2a-2857acde02f2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a2d7c717-39ca-40b5-83ad-b95f4030c816","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-cdfd0b17-41ff-45f5-a82b-34bb0eed5ecb","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cccadb60-c1d2-4284-bcbf-8c4bcdce1c24","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e257d0ee-d88e-4f4f-9a9a-32d1f81c556c","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The Essential PDF Flutter Library is a powerful tool for integrating advanced PDF capabilities into your applications. Easily generate dynamic PDF reports with formatted text, images, tables, bookmarks, and more, enhancing your app's functionality.

PDF Viewer

[{"selector":"#anim-6c2061a9-cb31-48ad-8d61-f1a9389c03f3","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f1a63dde-ab9d-4747-b097-4ef8493eb41b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f2f504d-9d9b-46a5-91fe-1c29d1999618","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-c5818f45-dfe4-48e8-98da-25e5c6a4b2ea","keyframes":{"transform":["translate3d(-116.44736%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5afd18cf-e8a1-450a-b05f-af6fb8325b72","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b9a659e-ea1a-45ca-8dac-430e60935b4d","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Easily display PDFs within your Flutter app on Android and iOS. This widget provides a smooth reading experience with features like virtual scrolling, page navigation, and bookmarks.

Syncfusion Flutter Widgets

[{"selector":"#anim-1a854dfc-a4b0-4865-8c47-9385bd7ac76a","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] Syncfusion Flutter widgets are written natively in Dart to help you create rich, high-quality applications for iOS, Android, web, Windows, macOS, and Linux from a single code base. No credit card required.