Google Fonts JSON Viewer

A modern web application for viewing and downloading the Google Fonts JSON file in a clean, organized interface
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Current Features
   • Planned Features
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Contributing
4. License
5. Contact

About The Project

Google Fonts JSON Viewer is a specialized tool that provides an intuitive interface for browsing and analyzing the Google Fonts JSON data structure. It helps developers and designers explore and download font families, variants, and related metadata in a user-friendly format.

Current Features

• Interactive JSON preview with expandable/collapsible sections
• Download functionality (JSON)
• Search fonts by Font Family name
• Sorting (Alphabetical, Popularity, Style, Trending)
• Category, variant and subset filtering
• Dark/Light theme support

Planned Features

1. Advanced Table View

   • Customizable columns
   • Advanced filtering options
   • Sort by multiple parameters

2. Batch Operations

   • Select multiple font families
   • Bulk download selected items

3. Export Options

   • CSV format export

Built With

• Next.js 14
• React
• Tailwind CSS
• Shadcn/UI
• TypeScript

Getting Started

Installation

1. Clone the repository:

git clone https://github.com/jauharmuhammed/google-fonts-json.git

2. Install dependencies:

npm install
# or
yarn install

3. Run the development server:

npm run dev
# or
yarn dev

4. Open http://localhost:3000 in your browser

Technologies Used

• Next.js 14
• React
• Tailwind CSS
• Shadcn/UI
• TypeScript

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Issues

Found a bug or have a feature request? Please file an issue: Create Issue

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Google Fonts for providing the font data
• Next.js team for the amazing framework
• All contributors who help improve this project

Contact

Project Link: https://github.com/jauharmuhammed/google-fonts-json

---

Made with ❤️ by Jauhar Muhammed