Flutter Carbon
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
Made with :heart: in Egypt
Libraries
- carbon
- features/breadcrumb/index
- 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/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/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