Utilisez-le comme vous voulez
Installez des composants et services ciblés avec shadcn, importez directement le package ou examinez chaque ligne pour tout modifier.
Installez avec shadcn une UI, des services Effect et des outils de développement prêts pour la production, ou importez directement le package. Gardez le code et votre architecture, puis passez plus vite à votre produit.
Open source, type-safe et conçu pour vivre dans votre codebase.
Une commande, code source inclus.
bunx --bun shadcn@latest add @krak-stack/app-brandConçu pour de vraies applications
Utilisez des blocs ciblés au lieu de reconstruire la même surface applicative pour chaque projet.
Installez des composants et services ciblés avec shadcn, importez directement le package ou examinez chaque ligne pour tout modifier.
Utilisez des patterns cohérents avec TanStack, Effect, Drizzle et shadcn dans le navigateur, l'API et la base de données.
Donnez aux agents de code des patterns documentés, des API compatibles MCP et des blocs réutilisables avec lesquels ils peuvent travailler en sécurité.
Une plateforme cohérente
Composants shadcn accessibles, formulaires, tables, previews et layouts prêts à façonner pour votre produit.
Services typés, API HTTP, métadonnées OpenAPI, persistance et patterns d'observabilité conçus ensemble.
Documentation, MCP, CLI et helpers AI donnent à votre équipe et aux agents un vocabulaire partagé.
Importez le package pour démarrer rapidement ou copiez le code du registre quand vous voulez tout contrôler. Dans les deux cas, l'architecture reste visible et extensible.
Sites KrakStack
Voyez les mêmes patterns composés dans une application fonctionnelle, puis importez seulement ce dont vous avez besoin dans votre codebase.
Construire depuis le code source
Démarrez avec une application complète, ajoutez une authentification prête pour la production ou déployez un moniteur de disponibilité ciblé. Chaque dépôt est open source et prêt à adapter.
Un template TanStack Start full-stack avec services Effect, persistance Drizzle, UI shadcn et patterns d'application prêts pour la production.
Voir le dépôtUne implémentation Better Auth réutilisable avec organisations, sessions, clés API et intégration Effect typée.
Voir le dépôtUne page de statut et un moniteur de disponibilité légers avec historique de santé, alertes d'incident et tableau de bord public adaptatif.
Voir le dépôtExplorer le registre
Choisissez seulement ce dont votre application a besoin. Chaque élément du registre comprend le code source, les dépendances, un guide d'utilisation et une voie vers la personnalisation.
A shared TanStack Router error page with localized messages, hard refresh, home navigation, and copyable error details.
Voir la docA reusable command-palette search menu with grouped items, icons, descriptions, keyboard shortcut support, and a responsive search trigger.
Voir la docA compact TanStack Router brand link with a semantic icon, app name, and subtitle.
Voir la docAn accessible clipboard copy button with success and failure announcements for screen readers.
Voir la docA compact loading indicator with a spinner and accessible label text.
Voir la docA reusable Google Maps renderer with responsive radius fitting, centered overlays, accessible touch controls, shared script loading, and localized states.
Voir la docAn Iconify-backed icon picker with virtualized search, live preview, and localized empty states.
Voir la docControlled pagination controls with page-size selection, result summaries, compact layouts, and localized labels.
Voir la docA dependency-free table engine powered by one Effect Atom, with an AG-style API, controlled state, selection, grouping, gallery view, and Pointer Events interactions.
Voir la docAn accessible controlled file picker with drag-and-drop, attachment metadata, image previews, and replace and delete actions.
Voir la docA TanStack Form setup with reusable field wrappers, compact and searchable selects, file inputs, submit state, and dirty-navigation blocking.
Voir la docReusable Effect Form fields, submission state, localized HTTP errors with failure fallbacks, grouping, file inputs, and dirty-navigation blocking.
Voir la docAn i18n-library-agnostic dropdown for switching between arbitrary locales with localized language labels.
Voir la docA localStorage-persisted light, dark, and system theme switcher with a ScriptOnce startup script to avoid theme flash.
Voir la docA compact localized select for choosing which locale is being edited in multilingual forms.
Voir la docA generic Effect AI agent service, typed streaming API, client atoms, and localized assistant widget with tools, approvals, context, and references.
Voir la docA Bun Markdown compiler and shared React renderer with safe links, extracted code blocks, and TanStack Highlight.
Voir la docA sidebar-based layout with configurable navigation groups, a brand header, header action slot, and page header component.
Voir la docA syntax-highlighted code block with TanStack Highlight, semantic light and dark colors, a language label, and a copy action.
Voir la docA compact metric card with title, icon, value, description, optional content, and card-link hover affordances.
Voir la docA searchable, virtualized Base UI combobox with single and multiple selection, controlled search, custom triggers, and localized labels.
Voir la docA backend-neutral notification popover with English/French defaults, arbitrary locale packs, unread state, and inbox/archive views.
Voir la docA legacy source-vendored direct Effect dispatcher retained for compatibility; durable systems should use @krak-stack/notifications.
Voir la docA legacy SES channel for the source-vendored direct dispatcher; durable systems should use the package SES adapter.
Voir la docA legacy source-install option for app-owned PostgreSQL notification tables and codecs; new apps should use @krak-stack/notifications.
Voir la docA configurable Effect service and HTTP API contract for aggregate, liveness, readiness, and startup checks.
Voir la docAn Effect service wrapping Bun's S3 client for object reads, writes, metadata, presigned URLs, listing, and deletion with typed service errors.
Voir la docA configurable Effect service that safely extracts bounded Markdown text from in-memory documents using Xberg.
Voir la docCookieless analytics and transactional server audit events built on OTLP, with inherited actor context, trusted geography and event-derived visits.
Voir la docAn Effect service that configures the OpenAI client for Cloudflare AI Gateway with optional per-request metadata.
Voir la docAn Effect service that provides a Drizzle PostgreSQL client from DATABASE_URL with pg type parsing configured for application-safe date and interval handling.
Voir la docA shared Effect durable workflow engine layer with a versioned service workflow example using idempotency and durable activities.
Voir la docServer and browser OpenTelemetry for errors, traces, metrics, logs, and named events.
Voir la docAn Effect layer that configures an OpenAI-compatible embeddings model from EMBEDDINGS_URL, EMBEDDINGS_MODEL, and EMBEDDINGS_DIMENSIONS.
Voir la docProvider-independent locale resolution and Effect HttpApi middleware using BCP 47 language tags.
Voir la docReusable Effect query helper schemas and types for paginated, filtered, and sorted API request and response envelopes.
Voir la docA shared Effect service for HTTP API operation discovery, generated client execution, and result encoding for CLI and toolkit adapters.
Voir la docA provider-neutral localized documentation source, catalog, search index, and complete responsive documentation UI.
Voir la docAn Effect AI toolkit contribution for searching and reading the same documentation catalog used by the application UI.
Voir la docAn Effect AI toolkit for safely fetching known public web pages and extracting bounded Markdown with Xberg.
Voir la docA framework-neutral SEO helper for TanStack Start head metadata, localized canonical links, Open Graph and Twitter tags, and derived JSON-LD.
Voir la docAn Effect AI toolkit generator that exposes selected HttpApi operations as typed dynamic tools backed by the generated API client.
Voir la docAn Effect CLI generator using shared typed HttpApi operations, readable arguments and flags, and incremental NDJSON stream output.
Voir la docProject configuration and coding guidelines for AI agents, covering i18n, service patterns, Effect schemas, HTTP API groups, optimistic atoms, and lint/typecheck commands.
Voir la docProduction-ready Bun formatter and Oxlint configuration for KrakStack projects, including vendored anti-slop rules, Tailwind class sorting, and React/TypeScript correctness checks.
Voir la docLisez l'introduction, installez un bloc ciblé ou importez le package, puis avancez avec du code que vous pouvez inspecter et adapter.