Packages

Pick the pieces your app needs. Each one is a single kitr add away, and every page shows what that command changes and how to use the result.

46 packages, plus 7 planned

Data fetching

httpCall a REST API with login tokens added for you and errors in one shape.ClientofflineKeep showing loaded data with no connection, and send queued changes when the network comes back.ClientqueryLoad data from your API, keep it cached, and refresh it when something changes.Client

App state

flagsTurn features on for some users and off for others, with the same answer on the server and in the browser.ClientServerstateKeep app-wide values like a cart or settings, and optionally save them in the browser.Client

Backend

actionsCall server code straight from a component, like a form submit, without writing an API route.ClientServerapiBuild JSON API routes with validation, and call them from the browser fully typed.ClientServercacheRemember slow results on the server and clear them by tag when the data changes.ServerdbConnect your database so every request can use it.ServerjobsRun work in the background or on a schedule, with retries when it fails.ServermailWrite emails as React components, send them through your provider, and preview them in development.ServerserverRun a Node server that starts, logs and shuts down cleanly.ServershieldTurn on the security basics every API needs: CORS, CSRF protection, safe headers and rate limits.ServeruploadsAccept file uploads with size limits, store them on disk or in the cloud, and show progress in the browser.ClientServer

Real-time

realtimeDefine a live channel once and push updates to every open screen, over WebSockets, Socket.IO or server events.ClientServer

Interface

3dRender 3D scenes and models that stay smooth on phones and fall back when WebGL is missing.ClientanimationAnimate components and page changes, and respect the visitor's reduced-motion setting.Clienti18nTranslate your app into several languages with typed keys.ClienttableShow rows of data with sorting, paging and filters that stay in the URL.ClienttailwindStyle with Tailwind CSS classes, already set up with kitr's colours.ClientthemeLight, dark and system themes with no flash on load, design tokens, and the components you copy into your app.ClienttoastShow short messages like "Saved" or "Could not send" from anywhere in your app, even outside React.Client

Forms

formsBuild forms with validation, and show server errors next to the right field.Client

Auth

authSign users in and out, protect pages, and check who can do what.ClientServer

Pages & routing

reactReact with the kitr app in context, so every component can reach services and config.ClientrouterPages on the kitr route table, rendered by TanStack Router: typed links, loaders and guards. Web, desktop and mobile apps get it free.ClientseoGive every page a title, a share preview and a sitemap entry so search engines and chat apps show it well.ClientServer

Platforms

desktopShip the same app to Windows, macOS and Linux in an Electron shell: Chromium ships with the app, so it renders the same everywhere.ClientmobileShip the same app to iPhone and Android, with every kitr package switched to its native version.ClienttauriShip the same app to Windows, macOS and Linux as a small Tauri binary on the operating system's webview.ClientupdaterTell people a new version is ready and update the app in place, on the web, desktop and mobile.ClientwebShip to the browser as a static site, a single-page app or a server-rendered app, installable if you want.Client

Device features

filesLet people open, save and pick files on any platform, with a download fallback in older browsers.ClientnativeClipboard, share sheet, haptics, location, camera and fingerprint unlock, each with a web fallback.ClientnotificationsAsk for permission and show local or scheduled notifications that open the right page when tapped.ClientplatformKnow where your app is running, whether it is online or in the background, and handle the back button and deep links.ClientServersecure-storageKeep login tokens and secrets in the phone or computer's secure vault instead of plain storage.ClientServerstorageSave small values in the browser or in cookies with types, and read the same cookies on the server.ClientServer

Analytics & errors

analyticsCount page views and button clicks, and send them to the analytics service you choose.ClientconsentAsk for cookie and tracking consent once, and hold analytics and error reports until people agree.ClientmonitoringCatch errors in the browser and on the server, and see which user hit them and what they did first.ClientServer

Developer tools

devtoolsA panel that shows what every package is doing, opened by a button, a shortcut or a gesture. On in development; one flag ships it.ClientloggerWrite readable logs in development and structured logs in production.ClientServermocksFake your API while you build the frontend or run tests.ClienttestingTest components and API routes with everything already wired up.ClientServerviteBuild and serve the browser side of your app with Vite, wired to kitrrc.ts by one plugin.Server

Not built yet7

On the roadmap. Nothing here can be installed yet, and the details may change.

aiRoadmapStream answers from AI models into your pages, with chat state kept alongside the rest of your data.BackendClientServer
better-authRoadmapRun kitr sign-in, sessions and permissions on Better Auth instead of writing your own.AuthClientServer
local-dbRoadmapA real database inside the app, on every platform, with one schema shared with the server.Device featuresClientServer
paymentsRoadmapTake payments and subscriptions, and check what each user has paid for, including in-app purchases.BackendClientServer
pushRoadmapSend push notifications from your server to phones and browsers, even when the app is closed.Real-timeClientServer
syncRoadmapKeep local data in step with the server automatically, so the app works the same online and offline.Data fetchingClientServer
Build a packageAdd a kitr block and a docs folder, then publish with the kitr-package keyword.