{"id":28654047,"url":"https://github.com/deepakkumardk/react-native-blossom-ui","last_synced_at":"2025-06-13T07:09:10.220Z","repository":{"id":271750543,"uuid":"881454766","full_name":"deepakkumardk/react-native-blossom-ui","owner":"deepakkumardk","description":"React Native components with blossom UI","archived":false,"fork":false,"pushed_at":"2025-05-25T06:02:56.000Z","size":685,"stargazers_count":19,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-25T06:33:11.049Z","etag":null,"topics":["react-native","ui-components"],"latest_commit_sha":null,"homepage":"https://docs-react-native-blossom-ui.vercel.app/","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/deepakkumardk.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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-10-31T15:52:29.000Z","updated_at":"2025-05-25T06:02:59.000Z","dependencies_parsed_at":"2025-01-26T15:22:18.669Z","dependency_job_id":"a6c78eda-3638-4b1e-8a39-c14642f5ad22","html_url":"https://github.com/deepakkumardk/react-native-blossom-ui","commit_stats":null,"previous_names":["deepakkumardk/react-native-blossom-ui"],"tags_count":37,"template":false,"template_full_name":null,"purl":"pkg:github/deepakkumardk/react-native-blossom-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepakkumardk%2Freact-native-blossom-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepakkumardk%2Freact-native-blossom-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepakkumardk%2Freact-native-blossom-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepakkumardk%2Freact-native-blossom-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deepakkumardk","download_url":"https://codeload.github.com/deepakkumardk/react-native-blossom-ui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deepakkumardk%2Freact-native-blossom-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259599330,"owners_count":22882357,"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":["react-native","ui-components"],"created_at":"2025-06-13T07:09:06.854Z","updated_at":"2025-06-13T07:09:10.192Z","avatar_url":"https://github.com/deepakkumardk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  React-Native Blossom UI\n\u003c/h1\u003e\n\n\u003ch4 align=\"center\"\u003e\n  Build Awesome Blossom UI\n\u003c/h4\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@react-native-blossom-ui/components\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@react-native-blossom-ui/components.svg\" alt=\"npm\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@react-native-blossom-ui/components\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/deepakkumardk/react-native-blossom-ui?label=stars\u0026logo\u0026style=flat-square\"\u003e\n   \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@react-native-blossom-ui/components\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/@react-native-blossom-ui/components.svg?style=flat-square\" alt=\"NPM downloads\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-MIT-blue.svg\" alt=\"MIT License\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch4\u003e\u003ca href=\"https://docs-react-native-blossom-ui.vercel.app/\"\u003eDocumentation\u003c/a\u003e\u003c/h4\u003e\n\u003c/div\u003e\n\nBlossom UI helps you to create an awesome UI on mobile and web platform. This library is based on custom design system and it's totally configurable.\n\n- **📦️ Base components** - This contains all the basic components that react-native provides\n- **🎨 Theme Support** - Out of the box Theme support with dark theme mode\n- **⚙️ Customizability** - You can customize all the components to match your UI needs\n- **🔣 Icons Support** - _react-native-vector-icons_ support out of the box with themes\n- **\u003cimg src=\"https://reactnative.dev/img/header_logo.svg\" width=\"20\" height=\"20\" align=\"center\" /\u003e CLI \u0026 Expo Support** - Support both CLI \u0026 Expo apps\n- **📈 25+ components** - Support 30+ components \u0026 counting++\n\n## Why use Blossom-UI?\n\nBlossom-UI is the new guy in the react-native open source community.\n\n- It was made keeping the vast amount of **mobile components** requirement.\n- Most of the library do not provide a full set of components instead they just ask to install the 3rd party library, here you will get the most of it in **one pack**.\n- You get the **full customizability** with all the components so that you can make you app faster matching your **UI designs**.\n- You also get the same experience on **all platforms** including android, iOS \u0026 web.\n\n## Installation\n\n```bash\nyarn add @react-native-blossom-ui/components\n```\n\nNext, install the required peer dependency of the library\n\n```bash\nyarn add react-native-vector-icons\n```\n\nFollow the extra [installation steps](https://github.com/oblador/react-native-vector-icons) for the above library.\n\n## Usage\n\nLet's see a quick example of how to use a Input and a button\n\n```tsx\nimport {Button, TextInput, View} from '@react-native-blossom-ui/components'\n\nfunction MyApp() {\n  return (\n    \u003cView\u003e\n      \u003cTextInput label=\"Name\" placeholder=\"Enter name\" /\u003e\n      \u003cButton onPress={() =\u003e alert('Form Submitted')}\u003eSubmit\u003c/Button\u003e\n    \u003c/View\u003e\n  )\n}\n```\n\n## Thanks\n\n- [mantine](https://mantine.dev) for inspiration from it's awesome components\n\n## License\n\n[MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepakkumardk%2Freact-native-blossom-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeepakkumardk%2Freact-native-blossom-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeepakkumardk%2Freact-native-blossom-ui/lists"}