Flutter Carbon

cover

‌Carbon is IBM’s open-source design system for products and experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

‌ The goals of the design system include improving UI consistency and quality, making the design and development process more efficient and focused, establishing a shared vocabulary between designer and developer, and providing clear, discoverable guidance around design and development best practices.

Carbon Flutter 💎

Flutter Carbon is an unofficial implementation of Carbon Design System using Flutter framework. It provides Flutter developers a collection of widgets to build apps and user interfaces. Adopting the package enables developers to use consistent styles and behavior in prototype and production work.

Documentation

The full documentation of the project can be found here

Screenshots

toggle

overflow-menu

textfield

breadcrumb

notification

forms

buttons

Made with :heart: in Egypt

Libraries

carbon
features/breadcrumb/index
features/button/button.props
features/button/button.styles
features/button/button.widget
features/button/index
features/carbon_app/carbon_app.widget
features/carbon_app/index
features/checkbox/checkbox.props
features/checkbox/checkbox.styles
features/checkbox/checkbox.widget
features/checkbox/index
features/enable/enable.extension
features/enable/enable.widget
features/enable/index
features/form/form.extensions
features/form/form.props
features/form/form.styles
features/form/form.widget
features/form/index
features/icon/carbon_icons/icons
features/icon/carbon_icons/index
features/icon/index
features/index
features/inherited_styles/index
features/inherited_styles/inherited_styles.extension
features/inherited_styles/inherited_styles.widget
features/link/index
features/link/link.props
features/link/link.styles
features/link/link.widget
features/notification/action_button.props
features/notification/action_button.styles
features/notification/action_button.widget
features/notification/index
features/notification/notification.props
features/notification/notification.styles
features/notification/notification.widget
features/outline/index
features/outline/outline.widget
features/overflow_menu/index
features/overflow_menu/overflow_menu.props
features/overflow_menu/overflow_menu.styles
features/overflow_menu/overflow_menu.util
features/overflow_menu/overflow_menu.widget
features/overflow_menu/overflow_menu_button.styles
features/overflow_menu/overflow_menu_button.widget
features/overflow_menu/overflow_menu_item.styles
features/overflow_menu/overflow_menu_item.widget
features/text/index
features/text/text.widget
features/text_field/index
features/text_field/text_field.extensions
features/text_field/text_field.models
features/text_field/text_field.styles
features/text_field/text_field.widget
features/tile/index
features/tile/tile.props
features/tile/tile.style
features/tile/tile.widget
features/toggle/index
features/toggle/toggle.props
features/toggle/toggle.styles
features/toggle/toggle.widget
shared/enums/index
shared/extensions/index
shared/index
shared/mixens/index
shared/styles/animation.style
shared/styles/colors.style
shared/styles/fonts.style
shared/styles/index
shared/styles/themes.style
shared/styles/typography.style