leonardodino / fannypack

An accessible-focused, themeable, friendly React UI Kit.

Fannypack

Go to the Fannypack Docs

Changelog

Installing Fannypack

Run the following command to install Fannypack:

yarn add fannypack

Getting set up

To start using the components, please follow these steps:

1. Wrap your application in a <ThemeProvider> which is provided by Fannypack:

import { ThemeProvider } from 'fannypack';

const App = () => (
  <ThemeProvider>
    // ... your app
  </ThemeProvider>
);

2. Now you can start using components like so!:

import { Button } from 'fannypack';

const MyApp = () => (
  <Button>
    Hello world!
  </Button>
);

Contributing

Feel like contributing? That's awesome! We have a Contributing guide to help you out.

Contributors

Jake Moxey 💻 🎨 📖 🤔 👀	Samantha Wong 💻 🤔	Dave Olsen 💻 🤔 👀	Yiming Tan(Michael) 💻	Terence Huynh 💻	Daniela Gattoni 💻	Haz 📖
Wez Pyke 💻	Robert Gilmore 🎨 🤔	Claudia 💻	Benjamin Gudehus 💻	Adrian Kremer 💻 🔌

Happy Customers

• "If anyone had to marry a UI kit, they’d marry Fannypack because its the whole package." - Claudia Nadalin, Weddingbird

Acknowledgements

Thanks Luke Edwards for handing over the fannypack npm name!