Components & services for your stack

A reusable command-palette search menu with grouped items, icons, descriptions, keyboard shortcut support, and a responsive search trigger.

A compact TanStack Router brand link with a semantic icon, app name, and subtitle.

An accessible clipboard copy button with success and failure announcements for screen readers.

A compact loading indicator with a spinner and accessible label text.

An Iconify-backed icon picker with virtualized search, live preview, and localized empty states.

Controlled pagination controls with page-size selection, result summaries, compact layouts, and localized labels.

A configurable data table with URL or local state, filtering, sorting, pagination, exports, gallery view, grouping, row actions, and drag-and-drop row moves.

An accessible controlled file picker with drag-and-drop, attachment metadata, image previews, and replace and delete actions.

A TanStack Form setup with reusable field wrappers, compact and searchable selects, file inputs, submit state, and dirty-navigation blocking.

Reusable Effect Form fields, submission state, errors, grouping, file inputs, and dirty-navigation blocking.

A Paraglide-powered dropdown for switching between configured locales with localized language labels.

A localStorage-persisted light, dark, and system theme switcher with a ScriptOnce startup script to avoid theme flash.

A compact localized select for choosing which locale is being edited in multilingual forms.

A controlled React chat widget with streaming Markdown, tool activity, approval cards, localized labels, and responsive dialog layouts.

A sidebar-based layout with configurable navigation groups, a brand header, header action slot, and page header component.

A syntax-highlighted code block with Shiki highlighting, language label, copy action, and plain-text fallback.

A compact metric card with title, icon, value, description, optional content, and card-link hover affordances.

A searchable, virtualized Base UI combobox with single and multiple selection, controlled search, custom triggers, and localized labels.

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.

An Effect service wrapping Bun's S3 client for object reads, writes, metadata, presigned URLs, listing, and deletion with typed service errors.

An Effect service that provides a Drizzle PostgreSQL client from DATABASE_URL with pg type parsing configured for application-safe date and interval handling.

Request-scoped locale resolution and Effect HttpApi middleware for Paraglide applications.

A composable Effect AI chat service with streaming text, tool execution, approvals, bounded agent rounds, and serializable history.

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.

An Effect layer that configures an OpenAI-compatible embeddings model from EMBEDDINGS_URL, EMBEDDINGS_MODEL, and EMBEDDINGS_DIMENSIONS.

An Effect notification dispatcher that sends dynamic channel payloads through the installed notification channels matching each top-level message key.

An AWS SES email channel for the notification service. It handles the `email` message key and validates its own email payload schema.

Reusable Effect query helper schemas and types for paginated, filtered, and sorted API request and response envelopes.

A generated Effect HttpApi client service with shared OpenAPI operation discovery, input decoding, and tool schema helpers.

Localized MDX documentation discovery, validated frontmatter, page lookup, and an Effect AI documentation toolkit contribution.

An Effect AI toolkit generator that exposes selected HttpApi operations as typed dynamic tools backed by the generated API client.

An Effect CLI generator driven by OpenAPI metadata that groups selected HttpApi operations and executes them through the generated API client.

An Effect MCP registrar and HTTP server driven by OpenAPI metadata, exposing selected HttpApi operations through the generated API client.

Project configuration and coding guidelines for AI agents, covering i18n, service patterns, Effect schemas, HTTP API groups, optimistic atoms, and lint/typecheck commands.

Production-ready Oxfmt and Oxlint configuration for KrakStack projects, including Tailwind class sorting, React/TypeScript linting, and Effect-friendly rules.