https://github.com/daboigbae/react-native-component-lib

This is a react native component library compatible with Nativewind (tailwind css)
https://github.com/daboigbae/react-native-component-lib

nativewind react react-native tailwindcss

Last synced: 28 days ago
JSON representation

This is a react native component library compatible with Nativewind (tailwind css)

• Host: GitHub
• URL: https://github.com/daboigbae/react-native-component-lib
• Owner: daboigbae
• License: mit
• Created: 2022-09-14T13:34:40.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-15T16:42:01.000Z (about 3 years ago)
• Last Synced: 2026-02-18T15:38:32.230Z (about 2 months ago)
• Topics: nativewind, react, react-native, tailwindcss
• Language: TypeScript
• Homepage: https://munchkinreact.app/
• Size: 770 KB
• Stars: 29
• Watchers: 1
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: license

Awesome Lists containing this project

README

          


  





  munchkinreact.app



👾 Munchkin - A react native component lib compatible with TailWind CSS




  ⭐ Help us out by giving a star ⭐



## Features

1. Get buttons, loaders, and other components to bootstrap your app development

2. TailWind CSS compatible

3. Written in TypeScript

## Try it out now

Run the example [storybook](https://apps.apple.com/us/app/munchkin-storybook/id6443563473), now available on iOS

## Getting started

Fastest way to get started is to use our [template](https://github.com/daboigbae/react-native-template). 

To add this component lib to your project manually:

1. Install and configure (nativewind)[https://www.nativewind.dev/]

2. run `yarn add @digital-art-dealers/react-native-component-lib` in your project

3. add `node_modules/@digital-art-dealers/react-native-component-lib/**/*.{js,jsx,ts,tsx}` to your `tailwind.config.js`

## View the code

To view code to the sample storybook [here](https://github.com/daboigbae/react-native-component-lib)

#### Run locally for development

To run the test project locally run `yarn change:package:dev` then run `yarn ios` or `yarn android`, 

#### Build library for release

To build the library, run `yarn change:package:prod`, set version in `package.json` then run `yarn build` this will create a `dist` file that will allow you to install the library in your project.

##### Build library for local testing (optional)

To make a test version of the library (.tgz) run `yarn pack`

#### Troubleshooting

If you're getting permission denied on your scripts. Make sure to change their permissions by running `chmod +x bash/change-package-dev.sh ` and `chmod +x bash/change-package-prod.sh`