Use it your way
Install focused components and services through shadcn, import the package directly, or review every line and change anything.
Install production-ready UI, Effect services, and developer tooling with shadcn, or import the package directly. Own the code, keep your architecture, and move from setup to product faster.
Open source, type-safe, and built to live in your codebase.
One command, source code included.
bunx --bun shadcn@latest add @krak-stack/app-brandBuilt for real applications
Use focused building blocks instead of rebuilding the same application surface for every project.
Install focused components and services through shadcn, import the package directly, or review every line and change anything.
Use coherent TanStack, Effect, Drizzle, and shadcn patterns across the browser, API, and database.
Give coding agents documented patterns, MCP-enabled APIs, and reusable building blocks they can work with safely.
One coherent platform
Accessible shadcn components, forms, tables, previews, and layouts ready to shape into your product.
Typed services, HTTP APIs, OpenAPI metadata, persistence, and observability patterns that belong together.
Documentation, MCP, CLI, and AI helpers give your team and coding agents a shared vocabulary.
Import the package for a fast start or copy registry source when you want full ownership. Either way, the architecture stays visible and yours to extend.
KrakStack sites
See the same patterns composed into a working application, then use the registry to bring only what you need into your own codebase.
Build from source
Start with a complete application, add production-ready authentication, or run a focused uptime monitor. Each repository is open source and ready to adapt.
A full-stack TanStack Start template with Effect services, Drizzle persistence, shadcn UI, and production-ready application patterns.
View repositoryA reusable Better Auth implementation with organizations, sessions, API keys, and typed Effect integration.
View repositoryA lightweight status page and uptime monitor with health history, incident alerts, and a responsive public dashboard.
View repositoryExplore the registry
Choose only what your application needs. Every registry item includes source, dependencies, usage guidance, and a path to customization.
A shared TanStack Router error page with localized messages, hard refresh, home navigation, and copyable error details.
View docsA reusable command-palette search menu with grouped items, icons, descriptions, keyboard shortcut support, and a responsive search trigger.
View docsA compact TanStack Router brand link with a semantic icon, app name, and subtitle.
View docsAn accessible clipboard copy button with success and failure announcements for screen readers.
View docsA compact loading indicator with a spinner and accessible label text.
View docsA reusable Google Maps renderer with responsive radius fitting, centered overlays, accessible touch controls, shared script loading, and localized states.
View docsAn Iconify-backed icon picker with virtualized search, live preview, and localized empty states.
View docsControlled pagination controls with page-size selection, result summaries, compact layouts, and localized labels.
View docsA dependency-free table engine powered by one Effect Atom, with an AG-style API, controlled state, selection, grouping, gallery view, and Pointer Events interactions.
View docsAn accessible controlled file picker with drag-and-drop, attachment metadata, image previews, and replace and delete actions.
View docsA TanStack Form setup with reusable field wrappers, compact and searchable selects, file inputs, submit state, and dirty-navigation blocking.
View docsReusable Effect Form fields, submission state, localized HTTP errors with failure fallbacks, grouping, file inputs, and dirty-navigation blocking.
View docsAn i18n-library-agnostic dropdown for switching between arbitrary locales with localized language labels.
View docsA localStorage-persisted light, dark, and system theme switcher with a ScriptOnce startup script to avoid theme flash.
View docsA compact localized select for choosing which locale is being edited in multilingual forms.
View docsA generic Effect AI agent service, typed streaming API, client atoms, and localized assistant widget with tools, approvals, context, and references.
View docsA Bun Markdown compiler and shared React renderer with safe links, extracted code blocks, and TanStack Highlight.
View docsA sidebar-based layout with configurable navigation groups, a brand header, header action slot, and page header component.
View docsA syntax-highlighted code block with TanStack Highlight, semantic light and dark colors, a language label, and a copy action.
View docsA compact metric card with title, icon, value, description, optional content, and card-link hover affordances.
View docsA searchable, virtualized Base UI combobox with single and multiple selection, controlled search, custom triggers, and localized labels.
View docsA backend-neutral notification popover with English/French defaults, arbitrary locale packs, unread state, and inbox/archive views.
View docsA legacy source-vendored direct Effect dispatcher retained for compatibility; durable systems should use @krak-stack/notifications.
View docsA legacy SES channel for the source-vendored direct dispatcher; durable systems should use the package SES adapter.
View docsA legacy source-install option for app-owned PostgreSQL notification tables and codecs; new apps should use @krak-stack/notifications.
View docsA configurable Effect service and HTTP API contract for aggregate, liveness, readiness, and startup checks.
View docsAn Effect service wrapping Bun's S3 client for object reads, writes, metadata, presigned URLs, listing, and deletion with typed service errors.
View docsA configurable Effect service that safely extracts bounded Markdown text from in-memory documents using Xberg.
View docsCookieless analytics and transactional server audit events built on OTLP, with inherited actor context, trusted geography and event-derived visits.
View docsAn Effect service that configures the OpenAI client for Cloudflare AI Gateway with optional per-request metadata.
View docsAn Effect service that provides a Drizzle PostgreSQL client from DATABASE_URL with pg type parsing configured for application-safe date and interval handling.
View docsA shared Effect durable workflow engine layer with a versioned service workflow example using idempotency and durable activities.
View docsServer and browser OpenTelemetry for errors, traces, metrics, logs, and named events.
View docsAn Effect layer that configures an OpenAI-compatible embeddings model from EMBEDDINGS_URL, EMBEDDINGS_MODEL, and EMBEDDINGS_DIMENSIONS.
View docsProvider-independent locale resolution and Effect HttpApi middleware using BCP 47 language tags.
View docsReusable Effect query helper schemas and types for paginated, filtered, and sorted API request and response envelopes.
View docsA shared Effect service for HTTP API operation discovery, generated client execution, and result encoding for CLI and toolkit adapters.
View docsA provider-neutral localized documentation source, catalog, search index, and complete responsive documentation UI.
View docsAn Effect AI toolkit contribution for searching and reading the same documentation catalog used by the application UI.
View docsAn Effect AI toolkit for safely fetching known public web pages and extracting bounded Markdown with Xberg.
View docsA framework-neutral SEO helper for TanStack Start head metadata, localized canonical links, Open Graph and Twitter tags, and derived JSON-LD.
View docsAn Effect AI toolkit generator that exposes selected HttpApi operations as typed dynamic tools backed by the generated API client.
View docsAn Effect CLI generator using shared typed HttpApi operations, readable arguments and flags, and incremental NDJSON stream output.
View docsProject configuration and coding guidelines for AI agents, covering i18n, service patterns, Effect schemas, HTTP API groups, optimistic atoms, and lint/typecheck commands.
View docsProduction-ready Bun formatter and Oxlint configuration for KrakStack projects, including vendored anti-slop rules, Tailwind class sorting, and React/TypeScript correctness checks.
View docsBrowse the introduction, install a focused block or import the package, and keep moving with code you can inspect and adapt.