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

This branch is 429 commits behind main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

5778961 · Nov 12, 2024
Feb 27, 2024
Nov 12, 2024
Dec 12, 2022
Feb 28, 2024
Dec 4, 2023
Nov 8, 2024
Jul 16, 2024
Nov 8, 2024
Apr 30, 2024
Dec 4, 2023
Dec 12, 2022
Dec 12, 2022
Dec 4, 2023
Dec 16, 2022
Feb 12, 2021
Jun 13, 2024
Dec 19, 2022
Dec 4, 2023
Dec 12, 2022
Dec 10, 2022
Mar 1, 2024
Dec 12, 2022
Dec 17, 2022
Dec 12, 2022
Dec 4, 2023
Dec 5, 2023
Nov 2, 2024
Apr 4, 2023
Jan 5, 2024
Feb 23, 2021
Jun 9, 2023
Jul 31, 2024
Sep 20, 2023
Jan 30, 2024
Dec 10, 2022
Dec 4, 2023
Sep 16, 2024

Repository files navigation

gluestack-ui: React & React Native Components & Patterns

gluestack-ui is a library of copy-pasteable components & patterns crafted with Tailwind CSS (NativeWind).

GitHub stars

NPM downloads Commits per month

Next.js Latest Next.js 14.x Next.js 13.x Expo Latest

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 © 2024 GeekyAnts. See LICENSE for more information.