WIP React component library made with TailwindCSS.
$ yarn add graine-ui
or
$ npm install graine-ui
import React from 'react';
import { ThemeProvider } from 'graine-ui';
const App = () => (
<ThemeProvider>
{/* Your app here */}
</ThemeProvider>
);
And... you're good to go!
import { Button } from 'graine-ui';
const App = () => (
<ThemeProvider>
<Button>Hello World</Button>
</ThemeProvider>
);
Documentation is currently wip, so use types as a reference for now.
Graine UI's source code is hosted on Github. If you want to change something, you can make a PR or open an issue.
First, you need to clone the repository.
$ git clone https://github.com/otomir23/graine-ui.git
Then, you need to install dependencies.
$ yarn install
$ cd example && yarn install
After that, you can start developing.
Because Graine UI uses TSDX, starting the build hot reload is as simple as running
$ yarn start
To preview the changes, you can run development server.
$ cd example && yarn start
When you are done, you can build the components for production and run tests.
$ yarn build
$ yarn test
Learn more about TSDX here
Learn more about TailwindCSS here.
Graine UI is licensed under the MIT License.