Show HN: Fragno – Toolkit for building full-stack libraries
fragno.devHi HN, I’ve been building 'Fragno', a toolkit for building full-stack TypeScript libraries that work seamlessly across frameworks like Next.js and SvelteKit.
Traditional libraries are built to integrate on either the frontend or backend. Glue code ends up being re-implemented for every project: API routes, documentation (OpenAPI), client-side integration, etc.
With Fragno, you can write libraries that include API routes and client-side hooks/logic. Users can integrate a Fragno library into their application with just a couple of lines of code. This embeds the API routes and lets them immediately use the library’s functionality from the frontend.
A Fragno library integrates end-to-end: type-safe from reactive hook to backend logic. It supports React, Vue, Svelte, Next.js, React Router, Nuxt, SvelteKit, and more.
The need for a full-stack library came up as I was building Recivo (my last Show HN). I wanted to integrate a simple AI/LLM chatbot that could help navigate the dashboard and fill in forms. I wanted to build it so it could integrate not only with my React Router-based app but also with apps built with different full-stack frameworks.
I believe this all could be useful for API-first companies wanting to onboard users quickly, or building frameworks such as Better Auth (which was an inspiration in building this).
It’s early days. I’d love to hear what use cases people come up with. Let me know what you think!
Code is at https://github.com/rejot-dev/fragno Looks very interesting! I'm wondering how "fragments" could look like, do you have a reference implementation I could look at? We've got a simple AI chat fragment in our repo: https://github.com/rejot-dev/fragno/tree/main/packages/chatn...