Houdini screenshot

Houdini

Author Avatar Theme by Houdinigraphql
Updated: 23 May 2025
950 Stars

The disappearing GraphQL framework

Categories

Overview

Houdini is a tool that aims to enhance the developer experience by enabling composable and colocated data requirements for components. It provides a normalized cache with declarative updates, generated types, subscriptions, and pagination. Unlike traditional approaches that result in bloated runtimes, Houdini achieves a lean GraphQL abstraction by shifting the necessary steps to the compile stage.

Features

  • Composable and colocated data requirements for components
  • Normalized cache with declarative updates
  • Generated types
  • Subscriptions
  • Pagination (cursors and offsets)

Installation

To install Houdini, follow these steps:

  1. Step one
npm install houdini
  1. Step two
cd your-project-directory
  1. Step three
houdini init

Summary

Houdini is a tool that improves the developer experience by providing composable and colocated data requirements for components. It offers a lean GraphQL abstraction by moving the necessary steps to the compile stage, resulting in better performance and smaller bundle sizes. With features like a normalized cache, generated types, subscriptions, and pagination, Houdini simplifies application development and enhances productivity.