Open Source
Components & services for your stack
Production-ready blocks and libraries you can add to your app with shadcn. Built with TanStack, Effect, and Drizzle.
KrakStack sites
KrakStack Template
template.krakstack.net
A live full-stack TanStack Start template showing the app patterns, UI blocks, Effect services, Drizzle database setup, i18n, and CRUD reference implementation.
View docs →
KrakStack Auth
auth.krakstack.net
The hosted identity and API-key service for KrakStack apps, providing OAuth sign-in, organization-aware sessions, and shared auth infrastructure.
View docs →
Components
Search Menu
A reusable command-palette search menu with grouped items, icons, descriptions, keyboard shortcut support, and a responsive search trigger.
View docs →
App Brand
A compact TanStack Router brand link with a semantic icon, app name, and subtitle.
View docs →
Data Table
A URL-state-driven data table with filtering, sorting, client or server pagination, column visibility, CSV export, gallery view, grouping, and drag-and-drop row moves.
View docs →
Form
A TanStack Form setup with reusable field wrappers, text inputs, text areas, selects, multi-selects, key/value editing, file uploads, submit state, and dirty-navigation blocking.
View docs →
Locale Toggle
A Paraglide-powered dropdown for switching between configured locales with localized language labels.
View docs →
User Button
A Better Auth user menu with a central-auth-backed account dialog, localized labels, and sign-out handling.
View docs →
Organization Switcher
A Better Auth organization switcher backed by the central Krakstack Auth client, with organization creation, editing, active organization switching, and organization API keys.
View docs →
Sign In
A Better Auth email/password sign-in card with TanStack Form validation and localized labels.
View docs →
Sign Up
A Better Auth email/password registration card with TanStack Form validation and localized labels.
View docs →
Sidebar Layout
A sidebar-based layout with configurable navigation groups, a brand header, header action slot, page header component, organization switcher, locale toggle, and user button.
View docs →
Services
Krakstack Auth
A Better Auth foundation for TanStack Start that connects to Krakstack Auth via OAuth, with server config, React client, an /api/auth route handler, and an Effect auth service with HttpApiMiddleware.
View docs →
Database
An Effect service that provides a Drizzle PostgreSQL client from DATABASE_URL with pg type parsing configured for application-safe date and interval handling.
View docs →
OpenTelemetry
An Effect service that sets up OpenTelemetry traces, metrics, and log export via OTLP using Effect's unstable observability and HTTP modules, with Effect Logger bridging so all application logs are sent to the collector.
View docs →
Notifications
Notification Service
An Effect notification dispatcher that sends dynamic channel payloads through the installed notification channels matching each top-level message key.
View docs →
SES Channel
An AWS SES email channel for the notification service. It handles the `email` message key and validates its own email payload schema.
View docs →
Libraries
Layers
Configuration
AGENTS.md
Project configuration and coding guidelines for AI agents, covering i18n, service patterns, Effect schemas, HTTP API groups, optimistic atoms, and lint/typecheck commands.
View docs →
Lint & Format Config
Production-ready Oxfmt and Oxlint configuration for KrakStack projects, including Tailwind class sorting, React/TypeScript linting, and Effect-friendly rules.
View docs →