gluestack
@gluestack
Followers
1,952
Following
39
Media
122
Statuses
693
Tailwind / NativeWind Components & Patterns for React & React Native: • "shadcn of React Native" - anonymous • Built with ❤️ by @geekyants
Joined December 2022
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
baekhyun
• 522510 Tweets
Linkin Park
• 164434 Tweets
Adalet
• 154267 Tweets
For Asia
• 136829 Tweets
Chester
• 85236 Tweets
小泉進次郎
• 68536 Tweets
ベイマックス
• 40194 Tweets
知的レベル
• 34158 Tweets
エイリアン
• 33584 Tweets
資さんうどん
• 32424 Tweets
雇用統計
• 32177 Tweets
すかいらーく
• 28901 Tweets
大阪府警
• 26338 Tweets
#INZM_HyperBandLive
• 25363 Tweets
#Mステ
• 22430 Tweets
#Number_1
• 21880 Tweets
#ビリスク
• 16876 Tweets
押し出し
• 14361 Tweets
Hyper Band Live M/V
• 13810 Tweets
神ちゃん
• 13591 Tweets
佐藤勝利
• 11231 Tweets
Pinned Tweet
The gluestack-ui v2 is here! 🎉
🌬️ Uses NativeWind / Tailwind
📋 Copy-paste components for Next & Expo
🎨 All new design
🚀 Performance
⚛️ RSC support
🖌️ Figma Kit with variables, dark-mode and variants
🔁 Migration to v2 with a codemod
17
63
494
Looking for shadcn/ui for React Native? Well, we heard you. Introducing NativeWind(V4) + gluestack-ui (Experimental).
Copy and paste accessible and customizable components into your apps.
7
31
298
Excited to announce three new components 🚀
ImageBackground, Refresh Control, and VirtualizedList 🙌
4
5
63
Add two NativeWind classes for animating gluestack components. That's it. That's the post.
15
33
339
1
2
63
We're planning to publish gluestack-ui v2, with NativeWind as the default styling engine.
This features
- Copy-paste components source code into your apps.
- ClassName support for React Native & Web.
- Universal, Accessible and fully customizable.
- Not a bundle library.
7
5
50
Excited to inform you that we’ve been working on a full-stack framework —
It's 100% open-source & reduces the complexities of building modern web & mobile apps.
Sign up for early access:
Let us know what you think!
#BuildWithGlue
1
31
48
Start using gluestack-ui with single-line installation —
npm create gluestack
🚀 Create Expo, React Native & Next.js projects instantly!
4
8
46
We are at React Native EU.
Come say 👋hi to Sanket and Saurabh. We have exciting updates to share.
Our booth number is 2.
See you!
#gluestack
#ReactNative
@react_native_eu
2
3
44
👑 gluestack wins React Open Source Awards 2024 🎉
We could not have done this without you — our awesome community that have used gluestack and built awesome ideas with it!
1
8
41
We're working on a CLI to make our copy-pasteable components easy to setup and integrate. Soon to be released.
1
1
35
New docs update for gluestack-ui+NativeWind
Check out all the components demo that supports NativeWind and copy-pasteable patterns in one place.
Link in thread. 🧵
(1/2)
3
3
35
Hi fam! gluestack will be participating in
@react_native_eu
2023 🎉
We look forward to the talks and meeting the awesome community that makes React Native great.
Be sure to catch us at our booth. We have something for everyone.
Wrocław, here we come ✈️
@sanketsahu
@geekyants
0
10
32
The
#StateOfReactNative
results are out.
We have ranked quite prominently considering we launched only a few months back.
69% of users express a willingness to use gluestack-ui again, with an 8% current usage.
Also, 52% are interested in using gluestack-ui.
1
6
32
We're shaking things up by moving towards copy-pastable components in React & React Native.
No more constraints of a component library!
Our CLI tool streamlines the process: simply use npx gluestack-ui init to initialize gluestack-ui in your Next.js and Expo projects.
3
3
32
Our new website is almost here, and it’s ready for you! 🎉
Packed with tons of surprises and cool features.🎁
Who is excited?
2
10
31
gluestack-ui comes with an auto-generated Figma UI Kit 👉
You get —
‣ 24 distinct components
‣ A staggering 2400 variants
‣ A rich palette of 4312 colour tokens
‣ 216 versatile text tokens
‣ 8 shadow tokens to enhance your designs
‣ Dark mode
1
5
30
🚀 Our Universal Starter Kit is now available for everyone! Packed with universal screens and components. It's ready to kickstart your project.
1
7
28
We've updated our showcase app to use NativeWind while still leveraging our universal components. Same look, same functionality, now with added ease of use for tailwind lovers!
1
8
28
Our websites are getting a facelift with gluestack-ui + NativeWind!
We have achieved significant performance boost with Next.js app router and server components. Plus, className support makes customizing gluestack-ui components smoother than ever.
3
2
28
Announcing the first component release of 2024 📢Accordion v1.0.0. 🙌
(More new components coming soon…)
0
2
27
We're at
@ReactAdvanced
London 2023 🙌
Come say hi to Sanket and Pratik at the gluestack booth 👋
1
3
26
Introducing gluestack Figma Kit Series, where we share the best hacks to use the kit for projects.
In the first episode, we give an overview of
— The gluestack Figma kit environment
— Foundational tokens, color palette, shadows, and typography
Get started 🔗
0
4
24
We have something for everyone - Developers, Designers and Enterprises.
View the thread for details 🧵
2
1
23
gluestack recommends stacks that we feel are best for creating applications when you
#BuildWithGlue
. The image shows how they work together.
⭐️ However, note that these are just our opinions. gluestack is configurable and allows custom plugins to solve specific use cases.
2
8
22
🍾 Cheers to the first of many milestones. We could not have done this without you.
0
7
22
We've hit 2k+ stars on GitHub! 🌟
Thank you for all the support.
Many more to go! ✨
0
7
23
Use gluestack-ui to create your personalized design system.
Steps in thread 🧵
1
1
21
All components from
@gluestack
-ui/themed are unstyled by default.
You may style components according to your theme or design language.
1
3
21
You can now create diverse themes for your app with optimized performance.
Did we catch your eye?👀
#ComingSoon
1
2
21
📢 Hi fam, NativeBase → gluestack-ui migration is here!
- The Notion guide is here: (WIP, 30% done)
- For in-depth information on installation, refer gluestack-ui docs:
PS: Please feel free to reach out in case of issues 🙌
1
2
20
Meet gluestack-style, the driving force behind the swift performance and elegant styling of gluestack-ui.
2
1
20
Our showcase app just leveled up with
@NativeWind
in
@expo
v51, while still using our universal components.
It has the same amazing features and stunning look, but much easier to style now. See for yourself!
3
2
20
🚀 All the pre-built components in one place! 🛠️
Just copy-paste – it's that easy.
1
0
23
We've got a present for you🎁!
Introducing our first-ever Black Friday Offer on gluestack-ui Pro — 100+ responsive, accessible UI components compatible with web and native platforms. 🔗
0
6
18
“Our 2024 blueprint is packed with upgrades — enhancing gluestack-ui, improving performance, introducing new components, supporting NativeWind, and developing tools for an enriched design system experience.”
CPO Atul Ranjan shares insights gained while building gluestack-ui and
0
2
19
gluestack-ui components come with out-of-the-box accessibility —
‣ WAI-ARIA Compliant
‣ Keyboard navigation support
‣ Screen reader support
‣ Component focus consistent with DOM order
‣ Inclusive web and mobile experience
0
4
19
#BuildWithGlue
: gluestack’s guiding principles, features, capabilities, advantages, and future. 🧵
(1/7)
1
10
19
Upvote and support us:
0
1
17
The grid component is progressing well and stable release is on the way!
Meanwhile, you can test out the alpha version.
1
1
16
Our latest blog is based on a major principle behind gluestack-ui, leveraging which you can adopt and apply the lib to your convenience.
0
2
16
Our Table component with NativeWind is now LIVE.
This RSC-enabled component renders clean, semantic HTML elements on the web and seamlessly adapts to flex layout on native devices.
1
0
16
gluestack-ui delivers blazing fast performance with a babel plugin for pre-computing styles during the build process and executes runtime performance optimizations.
Check out performance benchmarks with some React Native libraries:
Details 👇
2
3
15
Push to production faster with ready-to-use themed components from gluestack-ui.
Use
@gluestack
-ui/config package along with
@gluestack
-ui/themed to get preconfigured themed components.
Check out the themed components here 👉
1
4
15
Presenting gluestack-ui v2.0 design kit!
- Seamless theme-based design in both dark and light mode, enhanced by Figma's variable feature.
- Collection of color palettes, border widths, spacing, and opacity for enhanced design flexibility.
2
1
15
gluestack-ui supports incremental adoption.
This means components from gluestack-ui can be adopted gradually without hampering your current project.
0
6
14
The gluestack Figma Kit is more than just design assets— it's a powerful toolkit designed to streamline your process from concept to execution.
Boost your projects with efficiency, flexibility, and style! 🎨
1
2
14
Building a to do app with form components made easy with gluestack-ui.
0
2
14
Launching in T-minus very soon ⏳
0
1
14
1/2
Introducing Episode 2 of the gluestack-ui Figma Kit Series 📽️
In this episode, we share how to
— Customize your design for gluestack plugin
— Update essential foundational tokens to align with your brand guidelines
Link below ⬇️
1
2
13
Kicking off the week in style 🎉
Thanks for the awesome support.
0
2
13
Something big cooking...
We are testing gluestack-ui + nativewind to bring RSC support to
@geekyants
website.
- Most of the layout can be done with Box, HStack, VStack with full RSC support
- Aiming for ~70% full RSC support with gluestack-ui
1
4
13
We are excited to have
@mo__javad
from
@theodo_uk
as a speaker for
#thegeekconf
.
This one's gonna be fun ⚡️
Mo Khazali
@mo__javad
will be speaking at thegeekconf. Watch his video, where he is talking about the next trend in building frontend applications, and it’s going to be called ‘Universal First’ era.
1
5
21
1
0
13
Customize like a boss with gluestack-ui + NativeWind!
Embrace the compound component pattern for limitless possibilities.
3
1
13
🔔New Release: Minor changes (with a lot of bug fixes) that will have a major impact. Some dependencies have also been updated.
PS: Thanks to all the community contributors to this release. Links to their contributions in 🧵
1
2
13
Another week, another new component. 🎉
We have added a basic but very essential Card component. You can update the gluestack-ui/themed and gluestack-ui/config to get it.
We are actively working on adding new components and improving the existing ones. Let us know your
1
4
13
Waiting for content to load without any preview be frustrating.
Our new RSC-enabled skeleton component takes care of this by showing a placeholder preview, providing visual feedback while data loads.
1
0
13
Prompt-based coding with AI is super smooth, and we don't want you to miss out on that with gluestack-ui!
Here’s a sneak peek into the gluestack CodeGen that’s coming soon 👀
0
2
11
Thank you
@javi_ale_castro
for contributing to gluestack! It means the world to us🤗 Let’s write once, and run anywhere!
0
0
12
We have released a new version of gluestack-ui and gluestack-style, addressing the following issues:
gluestack-ui:
1. Improved the LinearGradient component, now allowing you to pass any LinearGradient using as prop 🚀
2. Fixed InputAccessoryView background Color tokenization 🙌
1
0
12
Hey folks! Explore our new storybook app featuring 30+ components for web and mobile! All components are built using
@gluestack
-ui with NativeWind, it's a dynamic playground to test and play around with the components.
Still fine-tuning, so pardon any hiccups.
1
0
12
👏 Shoutout to
@nick_thompson
for his awesome contribution to gluestack-ui 🙌
Thanks for being an incredible part of our coding squad!
0
0
11
Stagger animation built using gluestack-style/react animation plugin.
Code link in thread.
2
2
11
We've designed gluestack-ui v2 to be highly flexible and customizable.
The best part?
Its standout feature is universal compatibility — code it once and run it anywhere. 🚀
Using NativeWind, it supports Tailwind CSS classes, making styling as easy as copy-pasting. 📋🖌️
1
1
12
Always bet on React Native!
We are excited to have Amazon added to the React Native showcase. Amazon has been using React Native for years for many apps, including the main Amazon Shopping app!
26
247
1K
0
1
11
1/4 🚀 Introducing gluestack-ui/themed-native-base – the perfect bridge for
@NativeBase
users!
Enjoy NativeBase features with the performance boost of gluestack-ui.
1
3
11
Once React Strict DOM becomes more mature, we will happily delete a lot of code.
0
0
5
🛠️ Use our VS Code Extension to avoid manual tasks while building with gluestack-ui.
Provides—
‣ Component snippets
‣ Bonus recipes
‣ Auto-imports
‣ Dynamic hooks & variables
Getting started 👇
1
3
11
We're currently building the
@geekyants
website using
@gluestack
-ui with NativeWind components. With this method using copy-pastable components, customization becomes easier. Tailwind classes enhance the developer experience and simplify modifications.
1
3
11
1/3
This will enable className support for styling. We have 20+ components and patterns ready. You can try it out in your existing or new projects! We're actively working on adding remaining components.
More:
1
0
11
🎉 Honored and excited to be featured.
Catch the issue here:
The React Native Newsletter issue 176 has been published! Be sure to catch up on your React Native news!
Featuring exciting posts by:
@t3dotgg
,
@Baconbrix
,
@sanketsahu
,
@gluestack
,
@titozzz
,
@alanengineering
0
5
17
0
0
11
Let's get started with designing magic with gluestack-ui v2.0 Design Kit! ✨
🎨 Color palettes, spacing, and more at your fingertips!
🌗 Effortlessly create stunning light and dark mode designs with variable support
🧬 Infused with WCAG standards so that you don’t have to worry
1
1
11
gluestack-ui now supports utility props for all your styling needs.
Styling components using sx props can be a bit challenging to learn. Instead, you can pass utility props to any Styled Component.
Internally, these utility props are converted into sx props.
Demo in thread 👇
2
4
10
Thanks to your unwavering support, we are nominated for the annual
#ReactJS
Open Source Awards — ⚡️ Productivity booster category!
Now it is time to bring the prize home 🏆
Do vote for us here:
We need your help! 🗳️Vote for the winners of the annual
#ReactJS
Open Source Awards ceremony!
🚀Breakthrough of the year
🌟The most exciting use of technology
⚡️Productivity booster
🎉Fun side project of the year
Vote now:
1
0
12
0
0
10
They said building a universal styling library would be fun! That's the internals of gluestack-style, as documented by
@rohitistweet
!
0
2
10
1/2
Text generation animation with fade, built using gluestack-style animation plugin.
1
1
10
Update on Themes 🗣️
Currently, using Themes we can only swap tokens, but that's about to change!
Soon devs can also write conditional stylings that can be deeply nested. We are also planning to implement color-mode using this feature.
1
0
10
The secret is out 😁
🧁
@gluestack
cupcakes at the React Native meetup!
that's how we bribe developers to use gluestack-ui
3
1
33
1
0
10
0
0
9
Just wrapped our first React meetup in London and oh boy, what a blast it was!
Huge shoutout to
@ReactAdvanced
for giving us the opportunity to host this special event 🙌
0
1
9