Le registre full-stack

Livrez les parties complexes de votre app

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.

krakstack.net/registry

Ajoutez ce dont votre app a besoin

Une commande, code source inclus.

Prêt à installer
bunx --bun shadcn@latest add @krak-stack/app-brand
Composants UI21
Services Effect4
Outils pour agentsMCP
Patterns d'appTSX
21Composants
Blocs UI du registre prêts à installer avec shadcn.
4Services
Entrées de registre backend et infrastructure.
46Total des éléments du registre
Composants, services, bibliothèques et configurations de départ.

Conçu pour de vraies applications

Un meilleur point de départ, sans nouveau framework

Utilisez des blocs ciblés au lieu de reconstruire la même surface applicative pour chaque projet.

01

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.

02

Gardez une seule architecture

Utilisez des patterns cohérents avec TanStack, Effect, Drizzle et shadcn dans le navigateur, l'API et la base de données.

03

Construisez avec des agents

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

Les pièces restent alignées de l'interface à l'infrastructure.

UI produit

Composants shadcn accessibles, formulaires, tables, previews et layouts prêts à façonner pour votre produit.

Backend Effect

Services typés, API HTTP, métadonnées OpenAPI, persistance et patterns d'observabilité conçus ensemble.

Patterns prêts pour les agents

Documentation, MCP, CLI et helpers AI donnent à votre équipe et aux agents un vocabulaire partagé.

Package ou code source

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 la stack fonctionner ensemble

Voyez les mêmes patterns composés dans une application fonctionnelle, puis importez seulement ce dont vous avez besoin dans votre codebase.

Explorer le registre

Commencez par un bloc. Continuez à partir de là.

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.

Components

Error Component

A shared TanStack Router error page with localized messages, hard refresh, home navigation, and copyable error details.

Voir la doc

Search Menu

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

Voir la doc

App Brand

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

Voir la doc

Copy Button

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

Voir la doc

Loading

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

Voir la doc

Google Map

A reusable Google Maps renderer with responsive radius fitting, centered overlays, accessible touch controls, shared script loading, and localized states.

Voir la doc

Icon Input

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

Voir la doc

Pagination

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

Voir la doc

Data Table

A 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 doc

File Picker

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

Voir la doc

Form

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

Voir la doc

Effect Form

Reusable Effect Form fields, submission state, localized HTTP errors with failure fallbacks, grouping, file inputs, and dirty-navigation blocking.

Voir la doc

Locale Switcher

An i18n-library-agnostic dropdown for switching between arbitrary locales with localized language labels.

Voir la doc

Theme Switcher

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

Voir la doc

Editing Locale Switcher

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

Voir la doc

Agent

A generic Effect AI agent service, typed streaming API, client atoms, and localized assistant widget with tools, approvals, context, and references.

Voir la doc

Markdown

A Bun Markdown compiler and shared React renderer with safe links, extracted code blocks, and TanStack Highlight.

Voir la doc

Sidebar Layout

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

Voir la doc

Code Block

A syntax-highlighted code block with TanStack Highlight, semantic light and dark colors, a language label, and a copy action.

Voir la doc

Stats Card

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

Voir la doc

Virtualized Combobox

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

Voir la doc

Commencez par l'architecture, terminez par votre produit.

Lisez l'introduction, installez un bloc ciblé ou importez le package, puis avancez avec du code que vous pouvez inspecter et adapter.

Commencer