houdini
<div align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset=".github/assets/logo_l.svg"> <img height="140" alt="Houdini's logo (dark or light)" src=".github/assets/logo_d.svg"> </picture> <br /> <br /> <strong> The disappearing GraphQL framework </strong> <br /> <br /> <a href="https://npmjs.org/package/houdini"> <img src="https://img.shields.io/npm/v/houdini.svg" alt="version" /> </a> <a href="https://github.com/HoudiniGraphql/houdini/actions"> <img src="https://github.com/HoudiniGraphql/houdini/actions/workflows/tests.yml/badge.svg" alt="CI Tests" /> </a> <a href="https://github.com/HoudiniGraphql/houdini"> <img src="https://img.shields.io/github/stars/HoudiniGraphql/houdini.svg?label=stars" alt="github stars" /> </a> <a href="https://npmjs.org/package/houdini"> <img src="https://img.shields.io/npm/dm/houdini.svg" alt="downloads" /> </a> <a href="https://github.com/HoudiniGraphql/houdini/blob/main/LICENSE"> <img src="https://img.shields.io/github/license/HoudiniGraphql/houdini.svg?maxAge=2592000" alt="license" /> </a> </div> ---- ## ✨ Features - Composable and colocated data requirements for your components - Normalized cache with declarative updates - Generated types - Subscriptions - Pagination (cursors **and** offsets) At its core, houdini seeks to enable a high quality developer experience without compromising bundle size. Houdini shifts what is traditionally handled by a bloated runtime into a compile step that allows for the generation of an incredibly lean GraphQL abstraction for your application. ## 🕹 Example For a detailed example, you can check out the [example-sveltekit-todo](https://github.com/HoudiniGraphql/example-sveltekit-todo) or the [final version](https://github.com/HoudiniGraphql/intro/tree/final) of the Pokédex application from the [Getting Started guide](https://www.houdinigraphql.com/intro). ## 📚 Documentation For documentation, please visit the [api reference](https://www.houdinigraphql.com/api) on the website. ## 🚀 Getting Started For an in-depth guide to getting started with Houdini, check out the [guide on our website](https://www.houdinigraphql.com/intro). ## ✏️ Contributing If you are interested in helping out, the [contributing guide](https://www.houdinigraphql.com/guides/contributing) should provide some guidance. If you need something more specific, feel free to reach out on our [discord](https://discord.gg/Gd8vfvxpsD) _(we are online almost 24/7 like @AlecAivazis and others)_. There's lots to help with regardless of how deep you want to dive or how much time you can spend 🙂