Virgin

The React Native UI kit you've been looking for

2 followers

The React Native UI kit you've been looking for

2 followers

Visit website

Interface design tools

•

Design resources

•

UI frameworks

Trixie React-Virgin is a simple & beautiful UI kit for react-native.

Launch tags:Open Source•Developer Tools

Launch Team

Render Sandboxes: a computer for every agentGive every agent its own machine. Starts in under a second

Promoted

Guesser

Hi guys! First of all, thanks for the contribution. I was wondering, from your experience, is React Native enough for a great app on both iOS and Android (like Trixie) or is specific knowledge of each of these platforms/languages necessary? Thx!

Report

9yr ago

Oyster™

Maker

@joselfgaray Trixie was my first mobile app. I have no idea about Java/Android development or Swift/ Objective C. I think that explains how easy react-native is. I'm just an ordinary Javascript developer.

Report

9yr ago

@joselfgaray Interesting question, for most of the applications, only react native is enough since you will find open source components (if not the UI library) to do any user interface in React native. If you have some specific UI components which are more custom for your app, then you have two choices. One is to create it using react native default components API or create custom react native plugin using native code (android or ios). Not neccesarily you need to have the mastery in other platforms if using react native, but understanding how mobile app flow and life cycle works and how different is it from web are good to have skills to develop a solid application.

Report

9yr ago

Oyster™

Maker

@joselfgaray @paramananthamharrison Exactly. We are just trying to make the creating component parts easier. We have some basic components including navigation to get started. More components on the way.

Report

9yr ago

Guesser

@paramananthamharrison @iamsooraj awesome then. Thanks for the explanation and good luck in the future! :)

Report

9yr ago

Oyster™

Maker

@joselfgaray Thank you!

Report

9yr ago

ntwrk

Given that other React Native UI Kits have been out there for awhile, like NativeBase, Shoutem and Nachos, why is this "The React Native UI kit we've been looking for"?

Report

9yr ago

Oyster™

Maker

@joshuapinter Hi Joshua, It's not just a catchy line. As I mentioned already, when we launched our app Trixie ( http://thetrixieapp.com ), we received good feedback on the design. Many people asked if it was a UI kit which we used, there was a popular demand for this UI element among our developer community, so we decided to build a UI kit with all the components we used, hence the tagline 😃. By no means, we say it is better than any existing UI kits. Just wanted to give back to the community.

Report

9yr ago

Oyster™

Maker

Hello Product Hunters 👋🏼, Sooraj from Trixie team here. Trixie is a chatbot to suggest meditation based on your mood and time of the day! 📱 We had recently hunted Trixie - https://www.producthunt.com/post... We received some good feedbacks on the design and was asked if we used any UI kits. That’s when we thought of open sourcing the UI components and giving back to the community. We were on Github’s trending Javascript repos ( 12th ) on the day of our first push. Feel free to make pull requests and contribute to the project. Let’s build the bootstrap for react-native. 🔥

Report

9yr ago

Hey Sooraj, Nice job. It looks beautiful. Will give it a try.

Pros:

Nice to see open source UI kits in React Native

Cons:

From the first look, components have more specific design. May be I haven't dig deep into the kit yet.

Report

9yr ago

Oyster™

Maker

Yes, the design is what we used in our app Trixie ( http://thetrixieapp.com ). Hopefully, we will add more components soon.

Report

9yr ago

Oyster™

Maker

@bethcodes @lmenus Our thought process was like this - we are react-native beginners, when I got started I couldn't find much option that was very basic, good looking and for people who were getting started easily. Basically, I was a virgin in react-native, so are most other core contributors of this project - we only have few months of experience writing react-native code. Hence the name 😃

Report

9yr ago

Hi guys, what's the motivation behind the name? Thank you.

Report

9yr ago

Oyster™

Maker

@lmenus Even beginners can get started with this easily. There nothing complex in it right now. Just the basic elements to build a basic app.

Report

9yr ago

Runway

@lmenus @iamsooraj That is... not what comes to mind. Personally, I would not use this in a professional context because of the name, regardless of what advantages it might have.

Report

9yr ago

Oyster™

Maker

@lmenus @bethcodes Never really thought about that. I'm not sure if Richard Branson thought the same way too 😅

Report

9yr ago

@bethcodes @iamsooraj He was very deliberate with the name choice, that's why I was curious why you chose the same name in different context. His reasoning was they were business virgins, not sure if the word virgin relates to being able to start easily, it's rather the ability to finish easily.

Report

9yr ago