Home
Softono

Gluestack Ui

Open source TypeScript
Website GitHub
5.1K
Stars
222
Forks
11
Issues
19
Watchers
2 months
Last Commit
CSS Frameworks & UI Kits Mobile Development

 About Gluestack Ui

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

Platforms

Web Self-hosted

Languages

TypeScript

Links

Website Source Code

Need Help Installing Gluestack Ui?

We provide expert installation service for this software. Our team will install, configure, and secure Gluestack Ui on your server. plans start at just $30.

Hire an Expert
Published by
gluestack
Visit View Profile

Gluestack Ui

View on GitHub

gluestack v3 is here! Our biggest release yet is live today — with a new Source-to-Destination architecture for contributors, Next.js 15 + RSC support, Expo SDK 53, TypeScript-first tooling, performance upgrades, and more.

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 Expo Latest

gluestack-ui logo

Introduction

gluestack-ui v3 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 v3

To get started with gluestack-ui v3, 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 v3 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.