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.

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.

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.

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.

Try our newest tool for PSD, XD, and Sketch design collaboration