Introducing

NACHOS
UI KIT FOR REACT NATIVE

Pick from a bunch of pre-coded UI components ready for your next kick-ass app in JavaScript or React.

GET STARTED
SO WHAT’S INSIDE?

30+ COMPONENTS
READY TO USE

Need a slider? Don't bother with style, just import any of the pre-styled inputs like text buttons or forms. You can customize them any way you like.

SEE DOCUMENTATION
GETTING STARTED

HOW TO USe THE UI KIT?

Simply install the Nachos UI Kit from the NPM. Then choose any of the pre-coded components  - like a slider - import the React Native code to your project and customize its style to fit your needs.

SEE ALL COMPONENTS
1. INSTALL NPM MODULE
npm install nachos-ui
2. IMPORT AND USE THE COMPONENT
Example Slider:
import { Slider } from 'nachos-ui'

const Example = ({ value, handleOnChange }) => {
 return (
   <Slider
     value={value}
     onValueChange={handleOnChange}
   />
 )
}
OPEN SOURCE for react native

Contribute to nachos UI kit

We have created this UI kit to scratch our own itch. Nachos UI is a community driven project. If you found a bug or would like to add a new component, please go ahead and contribute.

Contribute

This React Native UI kit was coded with Avocode

Avocode is a fully-featured tool to share, hand-off and inspect Photoshop and Sketch designs.
Learn more