Packages
Pick the pieces your app needs. Each one is a single kitr add away, and every page starts with a live example.
actionsCall server code straight from a component, like a form submit, without writing an API route.BackendClient ServeranalyticsCount page views and button clicks, and send them to the analytics service you choose.Analytics & errorsClientapiBuild JSON API routes with validation, and call them from the browser fully typed.BackendClient ServerauthSign users in and out, protect pages, and check who can do what.AuthClient ServercacheRemember slow results on the server and clear them by tag when the data changes.BackendServerconsentAsk for cookie and tracking consent once, and hold analytics and error reports until people agree.Analytics & errorsClientdbConnect your database so every request can use it.BackendServerdesktopShip the same app to Windows, macOS and Linux, choosing a small Tauri or a familiar Electron shell.PlatformsClientdevtoolsOpen a panel in development that shows what every package is doing. It is removed from production builds.Developer toolsClientfilesLet people open, save and pick files on any platform, with a download fallback in older browsers.Device featuresClientflagsTurn features on for some users and off for others, with the same answer on the server and in the browser.App stateClient ServerformsBuild forms with validation, and show server errors next to the right field.FormsClienthttpCall a REST API with login tokens added for you and errors in one shape.Data fetchingClienti18nTranslate your app into several languages with typed keys.InterfaceClientjobsRun work in the background or on a schedule, with retries when it fails.BackendServerloggerWrite readable logs in development and structured logs in production.Developer toolsClient ServermailWrite emails as React components, send them through your provider, and preview them in development.BackendServermobileShip the same app to iPhone and Android, with every kitr package switched to its native version.PlatformsClientmocksFake your API while you build the frontend or run tests.Developer toolsClientmonitoringCatch errors in the browser and on the server, and see which user hit them and what they did first.Analytics & errorsClient ServernativeClipboard, share sheet, haptics, location, camera and fingerprint unlock, each with a web fallback.Device featuresClientnotificationsAsk for permission and show local or scheduled notifications that open the right page when tapped.Device featuresClientofflineKeep showing loaded data with no connection, and send queued changes when the network comes back.Data fetchingClientplatformKnow where your app is running, whether it is online or in the background, and handle the back button and deep links.Device featuresClient ServerqueryLoad data from your API, keep it cached, and refresh it when something changes.Data fetchingClientreactReact with the kitr app in context, so every component can reach services and config.Pages & routingClientrealtimeDefine a live channel once and push updates to every open screen, over WebSockets, Socket.IO or server events.Real-timeClient ServerrouterTurn files in app/routes into pages, with links, loaders and guards. Web, desktop and mobile apps get it automatically.Pages & routingClientsecure-storageKeep login tokens and secrets in the phone or computer's secure vault instead of plain storage.Device featuresClient ServerseoGive every page a title, a share preview and a sitemap entry so search engines and chat apps show it well.Pages & routingClient ServerserverRun a Node server that starts, logs and shuts down cleanly.BackendServershieldTurn on the security basics every API needs: CORS, CSRF protection, safe headers and rate limits.BackendServerstateKeep app-wide values like a cart or settings, and optionally save them in the browser.App stateClientstorageSave small values in the browser or in cookies with types, and read the same cookies on the server.Device featuresClient ServertableShow rows of data with sorting, paging and filters that stay in the URL.InterfaceClienttailwindStyle with Tailwind CSS classes, already set up with kitr's colours.InterfaceClienttestingTest components and API routes with everything already wired up.Developer toolsClient ServerthemeLight, dark and system themes with no flash on load, design tokens, toasts, and the components you copy into your app.InterfaceClientupdaterTell people a new version is ready and update the app in place, on the web, desktop and mobile.PlatformsClientuploadsAccept file uploads with size limits, store them on disk or in the cloud, and show progress in the browser.BackendClient ServerwebShip to the browser as a static site, a single-page app or a server-rendered app, installable if you want.PlatformsClient
On the roadmap
Ideas we intend to build. Nothing here exists yet, and the details may change.