{"id":13454282,"url":"https://github.com/gluestack/gluestack-ui","last_synced_at":"2026-01-28T09:07:59.252Z","repository":{"id":65461853,"uuid":"587710850","full_name":"gluestack/gluestack-ui","owner":"gluestack","description":"React \u0026 React Native Components \u0026 Patterns (copy-paste components \u0026 patterns crafted with Tailwind CSS (NativeWind))","archived":false,"fork":false,"pushed_at":"2025-05-06T14:16:32.000Z","size":95050,"stargazers_count":3749,"open_issues_count":132,"forks_count":139,"subscribers_count":20,"default_branch":"main","last_synced_at":"2025-05-06T20:40:56.791Z","etag":null,"topics":["accessibility","component-library","customizable-components","design-system","react","react-native","styled-components","ui","ui-components","universal-components"],"latest_commit_sha":null,"homepage":"https://gluestack.io/","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/gluestack.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2023-01-11T12:03:50.000Z","updated_at":"2025-05-06T19:20:59.000Z","dependencies_parsed_at":"2023-09-22T13:55:50.547Z","dependency_job_id":"e40bbcf6-1e24-4c02-9772-f8270abdd235","html_url":"https://github.com/gluestack/gluestack-ui","commit_stats":{"total_commits":9167,"total_committers":80,"mean_commits":114.5875,"dds":0.870186538671321,"last_synced_commit":"4613edaa15c5727b83c441143a45b2e267c8a8fc"},"previous_names":[],"tags_count":601,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gluestack%2Fgluestack-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gluestack%2Fgluestack-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gluestack%2Fgluestack-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gluestack%2Fgluestack-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gluestack","download_url":"https://codeload.github.com/gluestack/gluestack-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252823577,"owners_count":21809705,"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":["accessibility","component-library","customizable-components","design-system","react","react-native","styled-components","ui","ui-components","universal-components"],"created_at":"2024-07-31T08:00:52.588Z","updated_at":"2026-01-28T09:07:59.226Z","avatar_url":"https://github.com/gluestack.png","language":"TypeScript","funding_links":[],"categories":["🌐 Web Development - Frontend","TypeScript","React UI Library","Component Libraries","Design Systems"],"sub_categories":["Others"],"readme":"# gluestack-ui: React \u0026 React Native Components \u0026 Patterns\n\ngluestack-ui is a library of copy-pasteable components \u0026 patterns crafted with Tailwind CSS (NativeWind).\n\n[![GitHub stars](https://img.shields.io/github/stars/gluestack/gluestack-ui)](https://github.com/gluestack/gluestack-ui)\n\n[![NPM downloads](https://img.shields.io/npm/dw/@gluestack-ui/button?logo=npm\u0026label=NPM%20downloads\u0026cacheSeconds=3600)](https://www.npmjs.com/package/@gluestack-ui/button) [![Commits per month](https://img.shields.io/github/commit-activity/m/gluestack/gluestack-ui?label=Commits\u0026logo=git)](https://github.com/gluestack/gluestack-ui/commits)\n\n[![Next.js Latest](https://github.com/gluestack/gluestack-ui/actions/workflows/next-latest.yml/badge.svg)](https://github.com/gluestack/gluestack-ui/actions/workflows/next-latest.yml)\n[![Next.js 14.x](https://github.com/gluestack/gluestack-ui/actions/workflows/next-14.yml/badge.svg)](https://github.com/gluestack/gluestack-ui/actions/workflows/next-14.yml)\n[![Next.js 13.x](https://github.com/gluestack/gluestack-ui/actions/workflows/next-13.yml/badge.svg)](https://github.com/gluestack/gluestack-ui/actions/workflows/next-13.yml)\n[![Expo Latest](https://github.com/gluestack/gluestack-ui/actions/workflows/expo-latest.yml/badge.svg)](https://github.com/gluestack/gluestack-ui/actions/workflows/expo-latest.yml)\n\n\u003ch3 align=\"center\"\u003e\n  \u003ca href=\"https://github.com/gluestack/gluestack-ui\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/gluestack/gluestack-ui/main/assets/gluestack-banner.png\" alt=\"gluestack-ui logo\" \u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/h3\u003e\n\n## Introduction\n\n**gluestack-ui v2** offers customizable, beautifully designed components for your projects. Unlike traditional libraries, it's not a pre-packaged dependency. Choose the components you need and copy-paste them directly into your React, Next.js \u0026 React Native projects.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/ui/docs website.\n\n## Features\n\n- **Modular Architecture:** Pick and choose the components you need without unnecessary bloat.\n- **NativeWind Integration:** Tailwind CSS support for seamless styling across web and mobile.\n- **RSC Compatible:** Optimized for React Server Components to enhance performance.\n- **Universal Design:** Consistent design across web and mobile platforms.\n- **Flexible Theming:** Customize your components with ease using theming tokens and configuration.\n- **Accessibility:** Built with robust accessibility features to ensure inclusivity.\n- **Frequent updates:** We are constantly working on improving the library and adding new components. Follow us on GitHub to stay up-to-date on the latest releases and features.\n- **Community support:** Need help using the library or have a suggestion for a new feature? Join our [Discord](https://discord.com/invite/95qQ84nf6f) channel to connect with the community and get support.\n\n## Installing **gluestack-ui v2**\n\nTo get started with **gluestack-ui v2**, you must have an existing Next.js or Expo project. Then, simply run the following command:\n\n```bash\nnpx gluestack-ui init\n```\n\nFor detailed installation instructions, visit the [gluestack-ui v2 installation guide](https://gluestack.io/ui/docs/home/getting-started/installation).\n\n## Tech Stack\n\nJavaScript, React, React Native, Styled System\n\n## Getting Started\n\n- **Install gluestack-ui:** Follow the [installation guide](https://gluestack.io/ui/docs/home/getting-started/installation).\n- **Add Components:** Use our CLI to add components to your project, or simply copy-paste from our documentation.\n- **Customize:** Tailor the components to fit your project's needs using theming tokens and configuration.\n- **Build:** Start building your app with a consistent, accessible, and high-performance UI.\n\n## Migration from gluestack-ui v1\n\nIf you're migrating from gluestack-ui v1, we've got you covered with a detailed [migration guide](https://gluestack.io/ui/docs/home/overview/upgrade-to-v2) with codemod.\n\n## Created By GeekyAnts\n\nGeekyAnts is a team of React Native experts who love open-source and solving developer problems. We’ve been working on React Native since 2015 and have designed and built React Native apps for almost 200+ clients across the globe. Our clients include startups to big enterprises! Need help with your React Native app?\n\n[Contact Us](https://geekyants.com/?utm_source=gluestack_github\u0026utm_medium=read_me\u0026utm_campaign=gluestack_integration)\n\n## Contributing\n\nWe welcome contributions to the `gluestack-ui`. If you have an idea for a new component or a bug fix, please read our [contributing guide](./CONTRIBUTING.md) instructions on how to submit a pull request.\n\n## License\n\nLicensed under the MIT License, Copyright © 2024 GeekyAnts. See [LICENSE](https://github.com/gluestack/gluestack-ui/blob/main/LICENSE) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgluestack%2Fgluestack-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgluestack%2Fgluestack-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgluestack%2Fgluestack-ui/lists"}