A developer-first registry of high-quality, free, and public APIs.
Built to accelerate innovation and help developers find the perfect API for their next project.
✨ Features • 🛠️ Tech Stack • 📄 Pages • 🚀 Getting Started • 🤝 Contributing
|
Search through 1400+ APIs by name, category, or description. Filter by authentication type, HTTPS support, and CORS compatibility. Star your favorite APIs and access them quickly from a dedicated Favorites page. All data persists locally. Beautiful animated theme toggle with smooth transitions. Your preference is saved automatically. |
Optimized for all devices - mobile, tablet, and desktop. Includes a dedicated Android app download. Glassmorphism effects, smooth animations, gradient accents, and a premium feel throughout. Click any API card to view detailed information, check status, copy endpoints, and access documentation. |
| Category | Technologies |
|---|---|
| Frontend |   |
| Styling |  |
| Build Tool |  |
| Icons |  |
| Hosting |  |
| API Source |  |
The main explorer page featuring:
- Hero section with animated search bar
- Category sidebar with 50+ categories
- Responsive grid of API cards
- Real-time search filtering
- API count statistics
Your personal API collection:
- View all starred APIs in one place
- Clear all favorites option
- Persistent storage using localStorage
- Empty state with call-to-action
Learn about API Hub:
- Mission and vision
- Key features showcase
- Statistics and highlights
- Modern card-based layout
Get in touch:
- Working contact form (Web3Forms integration)
- Direct email, GitHub, and Instagram links
- FAQ section
- Quick start CTA
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/ramkrishnajha5/API_Hub.git
# Navigate to project directory
cd API_Hub
# Install dependencies
npm install
# Start development server
npm run devnpm run buildAPI_Hub/
├── assets/ # Logo and static assets
├── components/
│ ├── ApiCard.tsx # Individual API card component
│ ├── ApiDetailModal.tsx # API detail popup/page
│ ├── Layout.tsx # Main layout with navbar & footer
│ └── ThemeToggle.tsx # Animated dark/light mode toggle
├── pages/
│ ├── HomePage.tsx # Main API explorer
│ ├── FavoritesPage.tsx # Starred APIs collection
│ ├── AboutPage.tsx # About the project
│ └── ContactPage.tsx # Contact form & info
├── services/
│ └── apiService.ts # API fetching logic
├── App.tsx # Main app with routing
├── constants.tsx # Icons and category mappings
├── types.ts # TypeScript interfaces
└── index.css # Global styles
Contributions are what make the open source community amazing! Any contributions you make are greatly appreciated.
- 🐛 Report Bugs - Found an issue? Open a GitHub issue
- 💡 Suggest Features - Have an idea? Let's discuss it
- 🔧 Submit PRs - Code improvements are always welcome
- 📝 Improve Docs - Help make documentation better
- ⭐ Star the Repo - Show your support!
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Download the Android APK for a native mobile experience:
API Hub organizes APIs into 50+ categories including:
Animals Anime Anti-Malware Art & Design Authentication Blockchain Books Business Calendar Cloud Storage Currency Data Validation Development Dictionaries Documents Entertainment Environment Events Finance Food & Drink Games & Comics Geocoding Government Health Jobs Machine Learning Music News Open Data Open Source Patent Personality Phone Photography Programming Science & Math Security Shopping Social Sports & Fitness Test Data Text Analysis Tracking Transportation URL Shorteners Vehicle Video Weather and more...
This project is licensed under the MIT License - see the LICENSE file for details.
