carbon-flutter - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #llm #docker #nodejs #java #windows #vue #security #pytorch #openai #open-source

carbon-flutter

(★ 120)

Flutter UI library based on IBM's Carbon Design System 💎

파일 탐색기

최종 버전 다운로드 (.zip)

- - icons.ttf
- - IBMPlexSans-Bold.ttf
  - IBMPlexSans-ExtraLight.ttf
  - IBMPlexSans-Light.ttf
  - IBMPlexSans-Medium.ttf
  - IBMPlexSans-Regular.ttf
  - IBMPlexSans-SemiBold.ttf
  - IBMPlexSans-Thin.ttf
- - checkmark--filled.svg
  - checkmark.svg
  - toggle-checkmark.svg
  - warning--alt--filled.svg
  - warning--filled.svg
- - .gitignore
  - build.gradle
  - gradle.properties
  - settings.gradle
- - .gitignore
- - main.dart
- - .gitignore
  - CMakeLists.txt
  - main.cc
  - my_application.cc
  - my_application.h
- - .gitignore
- - favicon.png
  - index.html
  - manifest.json
- - .gitignore
  - CMakeLists.txt
- .gitignore
- .metadata
- analysis_options.yaml
- pubspec.lock
- pubspec.yaml
- README.md
- - index.dart
- - index.dart
- carbon.dart
- breadcrumb.png
- buttons.png
- cover.png
- desktop.files.json
- fe62f120e9545371ec911062bcb0792cfabdbfa2.png
- forms.png
- notification.png
- overflow-menu.png
- textfield.png
- toggle.png
.gitignore
.metadata
analysis_options.yaml
CHANGELOG.md
LICENSE
pubspec.lock
pubspec.yaml
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Flutter Carbon

![cover](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/cover.png)

‌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](https://nour-eldin-shobier.gitbook.io/carbon-flutter/)

## Screenshots

![toggle](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/toggle.png)

![overflow-menu](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/overflow-menu.png)

![textfield](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/textfield.png)

![breadcrumb](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/breadcrumb.png)

![notification](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/notification.png)

![forms](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/forms.png)

![buttons](https://raw.githubusercontent.com/NourEldinShobier/carbon-flutter/master/md-assets/buttons.png)

<h3 align='center'>Made with :heart: in Egypt</h3>