Development

Development with no-frills-ui is pretty staright forward. The library is designed in a plug and play faishon. Hence, no boilerplate code is required.

Installation

react and react-dom are peer dependencies and needs to be installed for no-frills-ui.

npm i react react-dom no-frills-ui
Copy

Using a component

no-frills-ui exports each component as a stand alone react component and so doesn't need any context to be configured at root. You can directly import a component and put it in your react component.

Example: Using Button

import { Button } from 'no-frills-ui';

// Use Button in your render function
<Button>Just a button</Button>
Copy

Theming

For themeing we use CSS variables. Checkout the details on our theming page.

Cost of using a component

no-frills-ui is completely tree shakable and you can checkout our export analysis on BundlePhobia.

Running locally

Clone our repo

git clone https://github.com/pushkar8723/no-frills-ui.git
cd no-frills-ui
Copy

Install npm dependencies

npm i
Copy

Run storybook

npm run storybook
Copy

Storybook will up and running on http://localhost:6006/

Contributions are welcome. 😁