react-google-font-picker

- 🔎 **Build-in search** - 🍾 **Works as a popover** - 🔥 **No API key necessary** - ✅ **Accessible by default** - 👀 **Performant font previews** - ⚡️ **Build on top of Chakra UI**

Usage no npm install needed!

<script type="module">
  import reactGoogleFontPicker from 'https://cdn.skypack.dev/react-google-font-picker';
</script>

README


React Google Font Picker

Accessible and visual Google Font picker for React


:warning: This whole project is a work in progress and not yet 100% functional


Features

  • 🔎 Build-in search
  • 🍾 Works as a popover
  • 🔥 No API key necessary
  • Accessible by default
  • 👀 Performant font previews
  • ⚡️ Build on top of Chakra UI

Installation

With yarn

yarn add react-google-font-picker

With NPM

npm install react-google-font-picker

Getting Started

Add the FontPicker component to your project. The FontPicker wraps the trigger, popover and all child elements.

google font picker code preview