Skip to content

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))

License

Notifications You must be signed in to change notification settings

gluestack/gluestack-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

gluestack-ui v2

Introduction

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 & React Native projects.

Documentation

You can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/ui/docs website.

Features

  • Modular Architecture: Pick and choose the components you need without unnecessary bloat.
  • NativeWind Integration: Tailwind CSS support for seamless styling across web and mobile.
  • RSC Compatible: Optimized for React Server Components to enhance performance.
  • Universal Design: Consistent design across web and mobile platforms.
  • Flexible Theming: Customize your components with ease using theming tokens and configuration.
  • Accessibility: Built with robust accessibility features to ensure inclusivity.
  • 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.
  • Community support: Need help using the library or have a suggestion for a new feature? Join our Discord channel to connect with the community and get support.

Installing gluestack-ui v2

To get started with gluestack-ui v2, you must have an existing Next.js or Expo project. Then, simply run the following command:

npx gluestack-ui init

For detailed installation instructions, visit the gluestack-ui v2 installation guide.

Tech Stack

JavaScript, React, React Native, Styled System

Getting Started

  • Install gluestack-ui: Follow the installation guide.
  • Add Components: Use our CLI to add components to your project, or simply copy-paste from our documentation.
  • Customize: Tailor the components to fit your project's needs using theming tokens and configuration.
  • Build: Start building your app with a consistent, accessible, and high-performance UI.

Migration from gluestack-ui v1

If you're migrating from gluestack-ui v1, we've got you covered with a detailed migration guide with codemod.

Created By GeekyAnts

GeekyAnts 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?

Contact Us

Contributing

We welcome contributions to the gluestack-ui. If you have an idea for a new component or a bug fix, please read our contributing guide instructions on how to submit a pull request.

License

Licensed under the MIT License, Copyright © 2023 GeekyAnts. See LICENSE for more information.