Stop building your admin dashboard

Turn any API into a workable app in 2 minutes.
Meet HopFront, the tool you will love.

docker run -p 3000:3000 -v hopfront:/etc/hopfront hopfront/hopfront:latest

Get Started

Try it yourself

The project

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Pioneering the Next Wave of API Interaction

Born from real-world challenges, HopFront is crafted to bridge the gap between intricate API specifications and intuitive user interfaces.
As developers, we recognized the hurdles of building internal tools like dashboards and back-offices, especially after launching our mobile app.
‍
Existing solutions often fell short, prompting us to create HopFront.

Open Source Commitment

HopFront is an open-source project available on GitHub.

If you're driven by curiosity, have experience with alternative tools, and are passionate about technological advancements, we invite you to join us on this journey.

Why HopFront?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Felis mattis condimentum at quam tellus non.

Avoid API front-end costs and hassles

HopFront enables you to instantly interact with your API without the need to create a custom user interface thanks to its friendly UI generated from your OpenAPI specification.

Create a custom dashboard easily

As a back-end administrator, import your OpenAPI specification into HopFront and easily configure the operational dashboard your colleagues need.

Different from SwaggerUI

HopFront is not a documentation for developers like SwaggerUI but rather an application designed for all end-users to easily make API-based operations.

Easy notes organization

Lorem ipsum dolor sit amet, consectetur adipiscing eliterlore oleri. Ullamcorper auctor volutpat nulla.

Advanced 256-bit encryption

Lorem ipsum dolor sit amet, consectetur adipiscing eliterlore oleri. Ullamcorper auctor volutpat nulla.

Cloud based

Lorem ipsum dolor sit amet, consectetur adipiscing eliterlore oleri. Ullamcorper auctor volutpat nulla.

Thanks for trying Saasly.

Oops! Something went wrong.

What is HopFront?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Filling a Gap

We faced a challenge: making our API accessible to non-devs without overwhelming them.
HopFront is our way of bridging that gap.

Intuitive Interaction & Enhanced Relationships

With an OpenAPI spec as input, HopFront generates a straightforward UI.
But it goes beyond just visualization.

By combining both automated detection and manual declaration of foreign keys, HopFront offers a comprehensive view of how different entities within your API relate to each other.

This dual approach streamlines the development process and makes interactions more intuitive, ensuring you spend less time deciphering relationships and more time building.

Adaptable by Design

APIs evolve, and tools should keep up.
Change your OpenAPI spec, and HopFront updates in real-time (this feature is coming soon!).

What can you do with HopFront?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Set up your APIs

OpenAPI Spec to UI
Convert your OpenAPI spec into a usable interface. No fluff, just functionality.
‍
Dynamic Updates (coming soon)
‍Your OpenAPI spec changed? The interface updates immediately. No manual syncing needed.

Exploration and Extensions

Detect Relationships
‍HopFront uses heuristics to spot potential foreign keys in your API entities. It's about understanding your API's structure.

Declare Complex Links
‍Got non-obvious or intricate entity relationships? Manually set foreign keys to map them out.

Straightforward API Tools
‍Navigate your API and perform operations like CRUD without the usual hassle.

Dashboards and Visualization

Panel Customization
‍Set up panels to show what's relevant. No unnecessary clutter.
‍
Rename for Clarity
‍Adjust panel labels so they make sense to everyone, devs and non-devs alike.

Data at a Glance
‍Organized visual panels let you see your data without sifting through endless lines.

Features

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Import OpenAPI spec

API specification can be imported from a public URL or just by copy/paste the JSON or YAML file.

Interaction with API entities

UX friendly
‍HopFront directly generates a user-friendly UI from an OpenAPI specification, making it easier for users to understand and interact with API entities.
‍
Foreign Keys
‍HopFront also allows users to declare foreign keys, enhancing its understanding of relationships between different API entities.

Exploration of API Operations

HopFront features an explorer that allows users to navigate and understand all available API operations easily. This aids in a more intuitive execution of operations like creating, reading, updating, or deleting entities.

Dashboards and Visualization

Custom panels
‍HopFront allows users to create dashboards by adding custom panels using the relationships (foreign keys) between API entities. This ensures a seamless visualization experience without manual data entry or CURL commands.
‍
Customizable Panel Labels
‍After setting up your custom panels, you have the flexibility to rename variables. This ensures a more user-friendly experience, allowing non-developer colleagues to easily perform care or support tasks without getting lost in technical jargon.

Built-in Integrations

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Thanks for trying Saasly.

Oops! Something went wrong.