React Google Font Picker

Accessible and visual Google Font picker for React

Website & Live Demo

_{Made by Leo Bernard and Daniel Wirtz}

⚠️ 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