{"id":13680953,"url":"https://github.com/tuckerconnelly/carbon-ui","last_synced_at":"2025-04-09T22:12:25.406Z","repository":{"id":44310285,"uuid":"51751075","full_name":"tuckerconnelly/carbon-ui","owner":"tuckerconnelly","description":"React Native Material Design library for all platforms","archived":false,"fork":false,"pushed_at":"2022-12-06T14:40:40.000Z","size":457,"stargazers_count":209,"open_issues_count":20,"forks_count":17,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-09T22:12:19.590Z","etag":null,"topics":["android","ios","material-design","react","react-native","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tuckerconnelly.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-15T11:26:59.000Z","updated_at":"2024-07-27T13:57:26.000Z","dependencies_parsed_at":"2023-01-24T02:01:05.128Z","dependency_job_id":null,"html_url":"https://github.com/tuckerconnelly/carbon-ui","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuckerconnelly%2Fcarbon-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuckerconnelly%2Fcarbon-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuckerconnelly%2Fcarbon-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuckerconnelly%2Fcarbon-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tuckerconnelly","download_url":"https://codeload.github.com/tuckerconnelly/carbon-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248119294,"owners_count":21050755,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","ios","material-design","react","react-native","web"],"created_at":"2024-08-02T13:01:24.231Z","updated_at":"2025-04-09T22:12:25.380Z","avatar_url":"https://github.com/tuckerconnelly.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"**No longer maintained!**\n\n# \u003ca href=\"https://carbon-ui.com\" target=\"__blank\"\u003e\u003cimg src=\"https://cloud.githubusercontent.com/assets/4349082/20800106/5141cfa0-b7b2-11e6-8b00-ced838b8320b.png\" height=\"60\" /\u003e\u003c/a\u003e\n\n[Material Design](https://material.google.com/) library for React Native that runs on all platforms.\n\n### Installation\n\n```\nnpm -S i tuckerconnelly/carbon-ui#0.1 // or, if you want the latest:\nnpm -S i tuckerconnelly/carbon-ui\n```\n\nMaterial Design is built on the Roboto Fonts, so you need to make them available for Carbon UI.\n\nYou can download them [here](https://github.com/tuckerconnelly/carbon-ui-docs/tree/master/android/app/src/main/assets/fonts), and then install them for your platform:\n\n- [iOS](https://medium.com/@dabit3/adding-custom-fonts-to-react-native-b266b41bff7f)\n- [Android](https://medium.com/@gattermeier/custom-fonts-in-react-native-for-android-b8a331a7d2a7#.3qrdx42mx)\n- [Exponent](https://docs.getexponent.com/versions/v11.0.0/guides/using-custom-fonts.html)\n- Web\n\nInstall [react-native-web](https://github.com/necolas/react-native-web), and then place the `\u003cWebStyles /\u003e` in your `index.web.js`:\n\n```js\nimport 'babel-polyfill'\n\nimport React from 'react'\nimport { AppRegistry } from 'react-native-web'\nimport { WebStyles } from 'carbon-ui'\n\nimport App from './src/index'\n\nconst AppWithStyles = () =\u003e \u003cApp\u003e\u003cWebStyles /\u003e\u003c/App\u003e\n\nAppRegistry.registerComponent('CarbonUIExample', () =\u003e AppWithStyles)\nAppRegistry.runApplication('CarbonUIExample', { rootTag: document.getElementById('root') })\n```\n\n### Usage\n\nOnce you're installed, you can use any of [Carbon UI's components](https://carbon-ui.com/components/AppBar):\n\n```js\nimport React from 'react'\nimport { Paper, Display1, FlatButton } from 'carbon-ui'\n\nexport default () =\u003e\n  \u003cPaper\u003e\n    \u003cDisplay1\u003eGiant display\u003c/Display1\u003e\n    \u003cFlatButton\u003eFlat button\u003c/Button\u003e\n  \u003c/Paper\u003e\n\n```\n\n### Documentation\n\n- [Installation](https://carbon-ui.com/getting-started/installation)\n- [Themes](https://carbon-ui.com/styles/theme)\n- [Colors](https://carbon-ui.com/styles/colors)\n- [Responsive UI](https://carbon-ui.com/styles/responsive)\n- [Elevation and shadows](https://carbon-ui.com/styles/elevation)\n- [Typography](https://carbon-ui.com/styles/typography)\n- [Motion](https://carbon-ui.com/styles/motion)\n- [Components](https://carbon-ui.com/components)\n\n### Known issues\n\n**Performance on Android**\n\nPerformance on Android can get pretty slow if you're not careful. Carbon UI makes good use of the Animated API, which is particularly slow on Android.\n\nCarbon UI optimizes a lot, using native animations and graceful degradations, and it'll generally be good-to-go out of the box.\n\nLong term, the React Native team is doing [good work](https://productpains.com/post/react-native/offload-some-animations-from-js-thread-for-better-perf) to improve Animated performance.\n\nIf you run in to any snags, check out the [Known issues](https://carbon-ui.com/getting-started/known-issues) page in the docs for tips on improving performance, or file an issue here.\n\n### Disclaimer\n\nThis is still a beta. Expect bugs 😛\n\n### Connect\n\nFollow the creator on Twitter, [@TuckerConnelly](https://twitter.com/TuckerConnelly)\n\n### License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftuckerconnelly%2Fcarbon-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftuckerconnelly%2Fcarbon-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftuckerconnelly%2Fcarbon-ui/lists"}