Hoppscotch

Hoppscotch

Open Source API Development Ecosystem

[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen?logo=github)](CODE_OF_CONDUCT.md) [![Website](https://img.shields.io/website?url=https%3A%2F%2Fhoppscotch.io&logo=hoppscotch)](https://hoppscotch.io) [![Tests](https://github.com/hoppscotch/hoppscotch/actions/workflows/tests.yml/badge.svg)](https://github.com/hoppscotch/hoppscotch/actions) [![Tweet](https://img.shields.io/twitter/url?url=https%3A%2F%2Fhoppscotch.io%2F)](https://twitter.com/share?text=%F0%9F%91%BD%20Hoppscotch%20%E2%80%A2%20Open%20source%20API%20development%20ecosystem%20-%20Helps%20you%20create%20requests%20faster,%20saving%20precious%20time%20on%20development.&url=https://hoppscotch.io&hashtags=hoppscotch&via=hoppscotch_io)

Built with ❤︎ by contributors


Hoppscotch

_We highly recommend you take a look at the [**Hoppscotch Documentation**](https://docs.hoppscotch.io) to learn more about the app._ #### **Support** [![Chat on Discord](https://img.shields.io/badge/chat-Discord-7289DA?logo=discord)](https://hoppscotch.io/discord) [![Chat on Telegram](https://img.shields.io/badge/chat-Telegram-2CA5E0?logo=telegram)](https://hoppscotch.io/telegram) [![Discuss on GitHub](https://img.shields.io/badge/discussions-GitHub-333333?logo=github)](https://github.com/hoppscotch/hoppscotch/discussions) ### **Features** ❤️ **Lightweight:** Crafted with minimalistic UI design. ⚡️ **Fast:** Send requests and get responses in real time. 🗄️ **HTTP Methods:** Request methods define the type of action you are requesting to be performed. - `GET` - Requests retrieve resource information - `POST` - The server creates a new entry in a database - `PUT` - Updates an existing resource - `PATCH` - Very similar to `PUT` but makes a partial update on a resource - `DELETE` - Deletes resource or related component - `HEAD` - Retrieve response headers identical to those of a GET request, but without the response body. - `CONNECT` - Establishes a tunnel to the server identified by the target resource - `OPTIONS` - Describe the communication options for the target resource - `TRACE` - Performs a message loop-back test along the path to the target resource - `` - Some APIs use custom request methods such as `LIST`. Type in your custom methods. 🌈 **Theming:** Customizable combinations for background, foreground, and accent colors — [customize now](https://hoppscotch.io/settings). - Choose a theme: System preference, Light, Dark, and Black - Choose accent colors: Green, Teal, Blue, Indigo, Purple, Yellow, Orange, Red, and Pink - Distraction-free Zen mode _Customized themes are synced with your cloud/local session._ 🔥 **PWA:** Install as a [Progressive Web App](https://web.dev/progressive-web-apps) on your device. - Instant loading with Service Workers - Offline support - Low RAM/memory and CPU usage - Add to Home Screen - Desktop PWA 🚀 **Request:** Retrieve response from endpoint instantly. 1. Choose `method` 2. Enter `URL` 3. Send - Copy/share public "Share URL" - Generate/copy request code snippets for 10+ languages and frameworks - Import `cURL` - Label requests 🔌 **WebSocket:** Establish full-duplex communication channels over a single TCP connection. 📡 **Server-Sent Events:** Receive a stream of updates from a server over an HTTP connection without resorting to polling. 🌩 **Socket.IO:** Send and Receive data with the SocketIO server. 🦟 **MQTT:** Subscribe and Publish to topics of an MQTT Broker. 🔮 **GraphQL:** GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. - Set endpoint and get schema - Multi-column docs - Set custom request headers - Query schema - Get query response 🔐 **Authorization:** Allows to identify the end-user. - None - Basic - Bearer Token - OAuth 2.0 - OIDC Access Token/PKCE 📢 **Headers:** Describes the format the body of your request is being sent in. 📫 **Parameters:** Use request parameters to set varying parts in simulated requests. 📃 **Request Body:** Used to send and receive data via the REST API. - Set `Content Type` - FormData, JSON, and many more - Toggle between key-value and RAW input parameter list 📮 **Response:** Contains the status line, headers, and the message/response body. - Copy the response to the clipboard - Download the response as a file - View response headers - View raw and preview HTML, image, JSON, and XML responses ⏰ **History:** Request entries are synced with your cloud/local session storage. 📁 **Collections:** Keep your API requests organized with collections and folders. Reuse them with a single click. - Unlimited collections, folders, and requests - Nested folders - Export and import as a file or GitHub gist _Collections are synced with your cloud/local session storage._ 📜 **Pre-Request Scripts:** Snippets of code associated with a request that is executed before the request is sent. - Set environment variables - Include timestamp in the request headers - Send a random alphanumeric string in the URL parameters - Any JavaScript functions 👨‍👩‍👧‍👦 **Teams:** Helps you collaborate across your teams to design, develop, and test APIs faster. - Create unlimited teams - Create unlimited shared collections - Create unlimited team members - Role-based access control - Cloud sync - Multiple devices 👥 **Workspaces:** Organize your personal and team collections environments into workspaces. Easily switch between workspaces to manage multiple projects. - Create unlimited workspaces - Switch between personal and team workspaces ⌨️ **Keyboard Shortcuts:** Optimized for efficiency. > **[Read our documentation on Keyboard Shortcuts](https://docs.hoppscotch.io/documentation/features/shortcuts)** 🌐 **Proxy:** Enable Proxy Mode from Settings to access blocked APIs. - Hide your IP address - Fixes [`CORS`](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) (Cross-Origin Resource Sharing) issues - Access APIs served in non-HTTPS (`http://`) endpoints - Use your Proxy URL _Official proxy server is hosted by Hoppscotch - **[GitHub](https://github.com/hoppscotch/proxyscotch)** - **[Privacy Policy](https://docs.hoppscotch.io/support/privacy)**._ 🌎 **i18n:** Experience the app in your language. Help us to translate Hoppscotch. Please read [`TRANSLATIONS`](TRANSLATIONS.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md) and the process for submitting pull requests to us. ☁️ **Auth + Sync:** Sign in and sync your data in real-time across all your devices. **Sign in with:** - GitHub - Google - Microsoft - Email - SSO (Single Sign-On)[^EE] **🔄 Synchronize your data:** Handoff to continue tasks on your other devices. - Workspaces - History - Collections - Environments - Settings ✅ **Post-Request Tests:** Write tests associated with a request that is executed after the request's response. - Check the status code as an integer - Filter response headers - Parse the response data - Set environment variables - Write JavaScript code 🌱 **Environments:** Environment variables allow you to store and reuse values in your requests and scripts. - Unlimited environments and variables - Initialize through the pre-request script - Export as / import from GitHub gist
Use-cases --- - By storing a value in a variable, you can reference it throughout your request section - If you need to update the value, you only have to change it in one place - Using variables increases your ability to work efficiently and minimizes the likelihood of error ---
🚚 **Bulk Edit:** Edit key-value pairs in bulk. - Entries are separated by newline - Keys and values are separated by `:` - Prepend `#` to any row you want to add but keep disabled 🎛️ **Admin dashboard:** Manage your team and invite members. - Insights - Manage users - Manage teams 📦 **Add-ons:** Official add-ons for hoppscotch. - **[Hoppscotch CLI](https://github.com/hoppscotch/hopp-cli)** - Command-line interface for Hoppscotch. - **[Proxy](https://github.com/hoppscotch/proxyscotch)** - A simple proxy server created for Hoppscotch. - **[Browser Extensions](https://github.com/hoppscotch/hoppscotch-extension)** - Browser extensions that enhance your Hoppscotch experience. [![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_16x16.png) **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/hoppscotch)  |  [![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_16x16.png) **Chrome**](https://chrome.google.com/webstore/detail/hoppscotch-extension-for-c/amknoiejhlmhancpahfcfcfhllgkpbld) > **Extensions fix `CORS` issues.** _Add-ons are developed and maintained under **[Hoppscotch Organization](https://github.com/hoppscotch)**._ **For a complete list of features, please read our [documentation](https://docs.hoppscotch.io).** ## **Demo** [hoppscotch.io](https://hoppscotch.io) ## **Usage** 1. Provide your API endpoint in the URL field 2. Click "Send" to simulate the request 3. View the response ## **Developing** Follow our [self-hosting documentation](https://docs.hoppscotch.io/documentation/self-host/getting-started) to get started with the development environment. ## **Contributing** Please contribute using [GitHub Flow](https://guides.github.com/introduction/flow). Create a branch, add commits, and [open a pull request](https://github.com/hoppscotch/hoppscotch/compare). Please read [`CONTRIBUTING`](CONTRIBUTING.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us. ## **Continuous Integration** We use [GitHub Actions](https://github.com/features/actions) for continuous integration. Check out our [build workflows](https://github.com/hoppscotch/hoppscotch/actions). ## **Changelog** See the [`CHANGELOG`](CHANGELOG.md) file for details. ## **Authors** This project owes its existence to the collective efforts of all those who contribute — [contribute now](CONTRIBUTING.md).
Contributors
## **License** This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) — see the [`LICENSE`](LICENSE) file for details. [^EE]: Enterprise edition feature. [Learn more](https://docs.hoppscotch.io/documentation/self-host/getting-started).