Flutter Shadcn UI

screenshot of Flutter Shadcn UI
shadcn-ui

shadcn-ui ported in Flutter. Awesome UI components for Flutter, fully customizable.

Overview

This analysis is about a Flutter UI library that has been ported from another source (original not specified). The progress on porting various UI components to Flutter is being tracked by the individual on Twitter.

Features

  • Accordion: Not ported to Flutter yet.
  • Alert: Successfully ported to Flutter.
  • Avatar: Successfully ported to Flutter.
  • Badge: Successfully ported to Flutter.
  • Button: Not ported to Flutter yet.
  • Card: Successfully ported to Flutter.
  • Checkbox: Successfully ported to Flutter.
  • Calendar: Not ported to Flutter yet.
  • Form: Successfully ported to Flutter.
  • Hover Card: Suggests using Popover instead in Flutter.
  • Image: Successfully ported to Flutter.
  • Input: Successfully ported to Flutter.
  • Label: Suggests using Text instead in Flutter.
  • Popover: Not ported to Flutter yet.
  • RadioGroup: Successfully ported to Flutter.
  • Resizable: Successfully ported to Flutter.
  • Scroll Area: Suggests using SingleScrollView, ListView, etc., instead in Flutter.
  • Select: Successfully ported to Flutter.
  • Separator: Suggests using Divider instead in Flutter.
  • Sonner: Not clear if this is a typo or a specific UI component.
  • Switch: Successfully ported to Flutter.
  • TextArea: Successfully ported to Flutter.
  • Toast: Not ported to Flutter yet.
  • Toggle: Not ported to Flutter yet.
  • ToggleGroup: Not ported to Flutter yet.
  • Tooltip: Successfully ported to Flutter.

Summary

In this analysis, we see that various UI components have been successfully ported from the original source to Flutter, while some are still a work in progress. Some components have suggested alternatives to be used in Flutter. It is apparent that the individual is actively working on bringing these components to the Flutter ecosystem.

Flutter

Flutter is an open-source UI framework developed by Google that allows developers to create high-performance, cross-platform mobile applications with a single codebase.

shadcn-ui
Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.