An accessible, composable, and friendly React UI Kit


Keywords
fannypack, ui, accessible, composable, button, dope, kit, library, react
License
MIT
Install
npm install fannypack@2.6.0

Documentation

Fannypack

All Contributors Build Status NPM

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>
);
  1. 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!