{"id":19078656,"url":"https://github.com/nidorx/react-native-colibri","last_synced_at":"2025-04-30T05:04:08.854Z","repository":{"id":35087989,"uuid":"204087817","full_name":"nidorx/react-native-colibri","owner":"nidorx","description":"React Native Generic UI Components","archived":false,"fork":false,"pushed_at":"2023-03-07T09:55:39.000Z","size":7710,"stargazers_count":10,"open_issues_count":7,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-30T05:03:26.431Z","etag":null,"topics":["android","animation","carousel","ios","mobile","modal","react","react-native","table-view","ui","ux"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/nidorx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-08-24T00:27:37.000Z","updated_at":"2023-05-12T16:55:58.000Z","dependencies_parsed_at":"2024-01-08T01:44:11.318Z","dependency_job_id":"f6301f74-08b8-4df7-a7ea-fc76258db3d0","html_url":"https://github.com/nidorx/react-native-colibri","commit_stats":{"total_commits":124,"total_committers":2,"mean_commits":62.0,"dds":"0.016129032258064502","last_synced_commit":"095e2618260889ba893e5a3948959cdc24105a8a"},"previous_names":["nidorx/rn-components-ui"],"tags_count":42,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nidorx%2Freact-native-colibri","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nidorx%2Freact-native-colibri/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nidorx%2Freact-native-colibri/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nidorx%2Freact-native-colibri/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nidorx","download_url":"https://codeload.github.com/nidorx/react-native-colibri/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251644843,"owners_count":21620632,"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","animation","carousel","ios","mobile","modal","react","react-native","table-view","ui","ux"],"created_at":"2024-11-09T02:11:21.099Z","updated_at":"2025-04-30T05:04:08.805Z","avatar_url":"https://github.com/nidorx.png","language":"TypeScript","funding_links":[],"categories":["Libraries"],"sub_categories":["Other Platforms"],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003ch1\u003eReact Native Colibri\u003c/h1\u003e\n    \u003cimg src=\"./docs/logo-sm.png\" width=\"250\" /\u003e\n    \u003cp align=\"center\"\u003e\n        Fast, Small and Beautiful\n    \u003c/p\u003e    \n    \u003cp\u003e\n        \u003ca href=\"https://badge.fury.io/js/react-native-colibri\"\u003e\n            \u003cimg src=\"https://badge.fury.io/js/react-native-colibri.svg\" alt=\"npm version\"\u003e\n        \u003c/a\u003e\n    \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\nColibri is front-end framework created to build cross platform Android \u0026 iOS mobile apps using ready to use generic components of React Native. It contains a set of general purpose UI components styled in a similar way.\n\n## Quick Start\n\nYou can install React Native Colibri via Yarn or NPM.\n\n```bash\n# Yarn\nyarn add react-native-colibri\n\n# NPM\nnpm i react-native-colibri --save\n```\n\nLink resources (Fonts on Android)\n\n```bash\nreact-native link\n```\n\n\n\n## Guidelines\n\n\n### Typography\n\n\n####  Installing custom fonts\n\n#### Configuring fonts in Theme\n\nExample:\n\n```jsx\nimport { setTheme} from 'react-native-colibri';\n\nsetTheme({\n    fontFamily:{\n        thin: 'Roboto-Thin',\n        thinItalic: 'Roboto-ThinItalic',\n        light: 'Roboto-Light',\n        lightItalic: 'Roboto-LightItalic',\n        regular: 'Roboto-Regular',\n        regularItalic: 'Roboto-RegularItalic',\n        medium: 'Roboto-Medium',\n        mediumItalic: 'Roboto-MediumItalic',\n        bold: 'Roboto-Bold',\n        boldItalic: 'Roboto-BoldItalic',\n    }\n});\n```\n\n\n\n## Components\n\n### Button\nA button consists of text that clearly communicates what action will occur when the user touches it.\n\n### Card\nThis page provides guidance on the base elements of a card\n\n### Carousel\nAllows you to display multiple items in a horizontal slide.\n\n### CarouselImage\nAllows you to display multiple items in a horizontal slide with images, like Google Play Store.\n\n### DateFormatted\n\n### DatePicker\n\n### EmptyState\n\n### Loading\n\n### OkCancelView\n\n### Segment\n\n### Separator\n\n### SimpleText\n\n### Title\n\n### AnimatedModal\n\n### TableView\n\n### Utils\n\n\n## Migration\nhttps://react-native-community.github.io/upgrade-helper/?from=0.60.5\u0026to=0.67.2\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnidorx%2Freact-native-colibri","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnidorx%2Freact-native-colibri","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnidorx%2Freact-native-colibri/lists"}