Loading
This registry publishes no description of itself. Everything below was read from its own manifest.
Items
Free to install
Behind a key
Last seen
today
2026-08-12The last night the crawl reached this manifest. There is no public repository here, so there is no push date to read.| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| A11y Startera11y-starter | @interlace/ui — the three a11y primitives + the reduced-motion hook every consumer should install on day one. | Components | Free | no deps | |
| Accordionaccordion | A disclosure stack: a column of headers whose panels open and close. Wraps @base-ui/react/accordion — Base UI owns the open state (single or multiple), the keyboard model and every piece of the accordion ARIA. | Components | Free | no deps | |
| Alertalert | A bordered in-page message with `role="alert"`, an optional leading icon, a title and a description, in two tones (default and destructive). | Components | Free | no deps | |
| Alert Dialogalert-dialog | A modal confirmation dialog for *destructive or otherwise consequential* actions ("Delete project", "Sign out everywhere"). Distinct from `Dialog`: the underlying Base UI primitive disables outside-click and Escape-only dismissal so the user MUST… | Components | Free | no deps | |
| Animated Gradient Textanimated-gradient-text | Gradient-filled text: a `bg-clip-text text-transparent` span whose three-stop linear gradient slides horizontally on a loop. Built for a short eyebrow, badge or headline fragment — never a paragraph, since the text has no solid fill to fall back to. | Components | Free | no deps | |
| Animated Grid Patternanimated-grid-pattern | A tiled SVG grid where a handful of cells softly pulse in and out, then teleport to a new random cell on each cycle — a "breathing" graph-paper backdrop for heroes and section bands. Re-authored from the MagicUI pattern to the Interlace component floor. | Components | Free | no deps | |
| Animated Listanimated-list | A feed that reveals its children one at a time, newest on top, each entry springing in from `scale: 0`. One more appears every `delay` ms (1000 by default) until the list is full, then it stops — or restarts, with `loop`. | Components | Free | no deps | |
| Article Cardarticle-card | Two article tiles that share one focusable-anchor shell: `ArticleCard`, the stacked grid tile with the cover on top, and `FeaturedArticleCard`, the full-bleed hero whose copy sits on a gradient scrim over the image. Both read the same props. | Components | Free | no deps | |
| Article List Gridarticle-list-grid | Grid of ArticleCards with an optional featured slot above. The pattern blog index pages reach for: one big featured card (overlay variant) above N tiles. Composes RelatedPosts-style streaming with proper loading + empty states. | Components | Free | no deps | |
| Aspect Ratioaspect-ratio | A single block-level wrapper that reserves space by ratio (CSS `aspect-ratio`) and stretches to the parent's width. Use it as the *frame* for media that arrives async — images, video, embeds, charts — so the surrounding layout never shifts… | Components | Free | no deps | |
| Author Bylineauthor-byline | The "who wrote this + when + how long it takes to read" adornment that sits directly under an article H1. Pure surface composition over existing primitives — Avatar (large) on the left, a vertical Stack on the right with author name (UI semibold), optional… | Components | Free | no deps | |
| Avataravatar | A circular image with a text fallback. Wraps @base-ui/react/avatar: Base UI owns the image load/error state machine that decides when the fallback shows, and we own the surface. | Components | Free | no deps | |
| Background Beams With Collisionbackground-beams-with-collision | A hero surface where thin vertical beams fall from the top and burst into a ten-particle explosion when they reach the strip along the bottom. Your children render above them on a `z-10` layer. | Components | Free | no deps | |
| Background Gradient Animationbackground-gradient-animation | The "lava lamp" surface: five radial-gradient blobs orbiting behind an SVG goo filter and a 40px blur, over a two-stop gradient backdrop, plus a sixth blob that eases toward the pointer. | Components | Free | no deps | |
| Background Linesbackground-lines | A full-bleed backdrop of twelve long, sweeping SVG curves that draw themselves in and fade out on a loop, each staggered by a fixed delay so the field never pulses in unison. | Components | Free | no deps | |
| Badgebadge | A small pill for a status, a count, a label or a tag. Renders a `<span>` by default, or whatever Base UI's `render` prop is given, so the same badge can be an anchor without losing its shape. | Components | Free | no deps | |
| Border Beamborder-beam | A single gradient square that travels around the inside edge of its parent, drawn with `offset-path` and a two-layer CSS mask so only the border ring shows. Drop it inside any `relative`, rounded container to give that container a moving outline. | Components | Free | no deps | |
| Boxbox | The lowest-altitude layout primitive: surface + box-model on one element. Mirrors MUI `<Box>` (a polymorphic, unopinionated wrapper) minus the `sx` CSS-in-JS prop — Interlace uses a curated, tokenized cva variant set instead, so it cannot reopen the… | Components | Free | no deps | |
| Brand Logobrand-logo | The locked two-bar Interlace mark plus the lowercase monospace wordmark "interlace". This is the SAME lockup eslint.interlace.tools ships in its top nav — one component so every *.interlace.tools site renders an identical brand header instead of… | Components | Free | no deps | |
| Breadcrumbbreadcrumb | A server-rendered, semantically-tagged trail of ancestor links. The compositional API mirrors the shadcn surface so consumers swap drop-in, and `BreadcrumbLink` keeps a server-safe `asChild` seam (`React.cloneElement`, NOT Base UI `useRender`) so the whole… | Components | Free | no deps | |
| Buttonbutton | The minimal-surface counterpart to [dialog.tsx](./dialog.tsx). Where Dialog exercises compound composition + portal + focus, Button exercises the variant + render-prop polymorphism + native-event passthrough surface. | Components | Free | no deps | |
| Button Variantsbutton-variants | The cva variant map that `button.tsx` imports — variant × size class strings and nothing else. Pure CVA: no React, no client APIs, so a server component can style a plain `<a>` with `buttonVariants({ variant, size })`. | Components | Free | no deps | |
| Calloutcallout | Inline-prose annotation. The "stop and read this" surface that punctuates long-form content (docs, MDX, READMEs). Distinct from `Alert` — Alert is an out-of-band runtime banner ("your save failed"), Callout is an in-band authored aside ("note: this rule is… | Components | Free | no deps | |
| Cardcard | A bordered, rounded content surface with header / title / description / action / content / footer parts. The surface, radius and border come from `Box`; the card owns only its column layout, its padding and its shadow. | Components | Free | no deps | |
| Checkboxcheckbox | Tri-state boolean form control (checked / unchecked / indeterminate). Built on @base-ui/react/checkbox: Base UI owns `role="checkbox"`, `aria-checked="mixed"`, Space activation, and the controlled/uncontrolled pair (`checked` + `onCheckedChange` /… | Components | Free | no deps | |
| Cloud Particlescloud-particles | Volumetric drifting clouds as a decorative backdrop. Each cloud is a radial-gradient ellipse pushed through a five-pass SVG turbulence filter — body, cool underside, soft shadow, deep shadow — and translated across `130vw`. | Components | Free | no deps | |
| Code Blockcode-block | Fenced code block with a title bar (title left, language tag + copy button right). The copy action shells out to `navigator.clipboard.writeText` and flips an inline "Copied!" affordance for 1.5s — the only piece of state this primitive owns. Everything… | Components | Free | no deps | |
| Code Windowcode-window | macOS-style window chrome for wrapping editor, terminal, or code-preview content: a bordered `bg-card` box plus an optional title bar with the three traffic-light dots, a centred monospace filename, and an actions slot. | Components | Free | no deps | |
| Collapsiblecollapsible | A single open/close disclosure surface. Wraps Base UI's `Collapsible.Root`, `Collapsible.Trigger`, `Collapsible.Panel` so consumers get the controlled / uncontrolled state machine, ARIA wiring (`aria-controls`, `aria-expanded`, `id`), keyboard semantics… | Components | Free | no deps | |
| Comboboxcombobox | A text input that filters a list. Built on `@base-ui/react/combobox`: Base UI owns the filtering (`Intl.Collator`-backed `useFilter`), the combobox/listbox ARIA pairing, VIRTUAL focus (the input keeps DOM focus and `aria-activedescendant` moves), single +… | Components | Free | no deps | |
| Command Palettecommand-palette | ⌘K. A modal surface holding one filterable list of actions. | Components | Free | no deps | |
| Containercontainer | The width contract from LAYOUT_PHILOSOPHY.md §2: four sizes only, each mapped to one fixed max-width, plus the responsive horizontal padding scale `px-4 sm:px-6 lg:px-8` (§5). | Components | Free | no deps | |
| Context Menucontext-menu | Right-click / long-press menu. Wraps `@base-ui/react/context-menu` (same Menu compositional API as DropdownMenu, just with a Root that handles right-click / long-press / Shift+F10 as the open gesture). | Components | Free | no deps | |
| Cta Sectioncta-section | Call-to-action section. Title + description + 1-2 action buttons in a centred column on a tinted surface. The shape every landing page reaches for ("Ready to ship?" / "Start your trial" / "Read the docs"). Server component. | Components | Free | no deps | |
| Data Statedata-state | The single conditional swap point for a data surface, and the place the design system says what an ABSENCE is. | Components | Free | no deps | |
| Data State Modeldata-state-model | Nothing in this file imports React, touches the DOM, or renders anything. It is the part of the absence contract that can be *proved* — the union, the precedence order, the announcement each state owes a screen reader, and the class set that paints it — so… | Components | Free | no deps | |
| Data Tabledata-table | Columns, sorting, row selection, pagination, and the three states a table spends most of its life in (loading / empty / error). It composes primitives — Checkbox, Pagination, Skeleton, Button — so it is a pattern, not a primitive. | Components | Free | no deps | |
| Deltadelta | "It moved, this much, this way." The smallest complete unit of analysis and the most-repeated element in a dense view, so it is worth getting exactly right once. | Components | Free | no deps | |
| Dialogdialog | A MODAL dialog: it traps focus, dismisses on Escape and on an outside click, marks the rest of the page inert while open, and restores focus to the trigger on close. Base UI owns all of that, which is exactly why this file never says so anywhere else — and… | Components | Free | no deps | |
| Distributiondistribution | One quantity spread across a fixed set of bins — hours of the day, days of the week, cohorts, buckets — with an optional REFERENCE distribution drawn over it. | Components | Free | no deps | |
| Dot Patterndot-pattern | A resolution-independent dotted-grid background that fills its positioned container. Two render modes share one tiled SVG `<pattern>`: | Components | Free | no deps | |
| Dropdown Menudropdown-menu | A button-triggered command menu — items, checkbox and radio items, submenus, plus a `Compose` array shorthand. Wraps @base-ui/react/menu: Base UI owns open state, positioning, focus and typeahead; we own the popup and the rows. | Components | Free | no deps | |
| Empty Stateempty-state | The "nothing here yet" surface. Used wherever a list, table, or search returns zero rows AND the consumer can act on it (create the first item, adjust filters, link to docs). Empty states are first-class UX, not an afterthought — `LOADING_PHILOSOPHY` flags… | Components | Free | no deps | |
| Faqfaq | Frequently-asked-questions accordion. Composes the canonical Accordion primitive into a single-prop API: pass an array of {question, answer} and get the full disclosure pattern (keyboard, ARIA, animation) inherited from Accordion → Base UI. | Components | Free | no deps | |
| Feature Gridfeature-grid | Grid of small "feature" cards: icon + title + 1-2 line description. The shape every landing page reaches for to spell out "what we do" in 3-6 cells. Server component, no hooks. | Components | Free | no deps | |
| Figurefigure | Semantic media block. `<figure>` is the right element for *self-contained* media (image, diagram, code screenshot, chart) with an optional caption that scrolls with it. Composes `AspectRatio` so the layout reserves space before the asset loads — preventing… | Components | Free | no deps | |
| Flip Wordsflip-words | A headline word that flips through a list. Each replacement enters letter-by-letter out of an 8px blur while the outgoing one drifts up, blurs and scales away. | Components | Free | no deps | |
| Focus Cardsfocus-cards | A grid that spotlights one card at a time: pointing at or keyboard-focusing a card keeps it sharp while every sibling dims and blurs. Real list semantics — `ul` › `li` › `article` — and a controlled or uncontrolled active index. | Components | Free | no deps |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Article Templatearticle-template | Full-page surface for long-form articles. Composes the header (title + AuthorByline), the body (Prose-wrapped MDX/HTML), the related-posts grid, prev/next navigation, and share buttons — each in its own `<SectionBoundary>` so the page streams section-by-… | Blocks | Free | no deps | |
| Auth Templateauth-template | Full-page surface for sign-in / sign-up / password-reset / verify-email flows. Centred narrow column with brand mark at top, form in the middle, helper link at the bottom ("Already have an account?" / "Forgot password?"). | Blocks | Free | no deps | |
| Author Templateauthor-template | Author profile page — bio header + their articles grid. Used by `/authors/[slug]` routes on a blog. The bio header is a multi-part card (avatar + name + role + bio + social links); the grid uses ArticleListGrid for the article list. | Blocks | Free | no deps | |
| Blog Home Templateblog-home-template | Blog index surface. Topbar + hero (greeting / about) + ArticleListGrid (featured + recent) + optional NewsletterForm + Footer. The shape every personal / company blog reaches for. | Blocks | Free | no deps | |
| Dashboard Templatedashboard-template | Application dashboard surface. Topbar at top, persistent left sidebar (nav links), main content area (children). The standard "logged-in app" layout: every SaaS dashboard reaches for this shape. | Blocks | Free | no deps | |
| Docs Page Templatedocs-page-template | Documentation page surface. Topbar at top, optional sidebar nav on the left (md+), main content in the centre with a `<Prose>` wrapper, and an optional TOC rail on the right (xl+). | Blocks | Free | no deps | |
| Error Templateerror-template | Full-page error surface — 404 / 500 / 503 / generic. Centred column with the status code + title + description + action buttons (back home, contact support, retry). | Blocks | Free | no deps | |
| Landing Templatelanding-template | Marketing landing page surface. Composes Topbar + Hero + (optional) FeatureGrid + (optional) TestimonialGrid + (optional) PricingTable + (optional) FAQ + CTASection + Footer — each in its own SectionBoundary so the page streams section-by-section. | Blocks | Free | no deps | |
| Registry Item Templateregistry-item-template | Full-page surface for a single registry item's documentation (`/c/[name]` on ds.interlace.tools). Composes the header (item name + description + install snippet), the anatomy diagram, the variants matrix, related-components grid, and a CTA back to the… | Blocks | Free | no deps | |
| Scorecard Templatescorecard-template | Graded-evaluation page. Topbar + overall-grade header + per-dimension scorecard rows + optional methodology footnote + Footer. | Blocks | Free | no deps | |
| Settings Templatesettings-template | Account / app settings surface. Topbar + left tab-rail (sections) + main content area (rendered section). Server-friendly; the active section is driven by the consumer's routing (each section is a route). | Blocks | Free | no deps | |
| Stats Templatestats-template | Public-facing metrics page. Topbar + header (title + lead) + SectionBoundary(StatGroup) + SectionBoundary(arbitrary chart/table content) + optional methodology footnote + Footer. | Blocks | Free | no deps | |
| Tag Templatetag-template | Tag-filtered article index. Used by `/tags/[slug]` routes on a blog to show "all articles tagged #typescript" etc. Shows a header ("Tagged: #typescript") then an ArticleListGrid of matching posts. | Blocks | Free | no deps |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Interlace Themetheme | @interlace/ui — full DS CSS baseline: tokens, foundation (type/spacing/radius), preflight (focus ring + min-viewport contract), shadcn↔fumadocs bridge, and brand palette. | Themes | Free | no deps |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| cn — class-name merge utilitycn | @interlace/ui — the cn() helper, alias-compatible with shadcn. Merges Tailwind class lists deterministically. | Utilities | Free | no deps | |
| No-flash theme bootstrap scripttheme-script | @interlace/ui — the inline `<head>` script that applies the stored theme before first paint. Without it every page load flashes the default theme. | Utilities | Free | no deps | |
| Theme token manifesttheme-tokens | @interlace/ui — the registry of themes and the list of every `--interlace-*` token a theme must define. A missing token does not throw; it silently inherits the previous theme's value. | Utilities | Free | no deps | |
| useReducedMotion hookuse-reduced-motion | @interlace/ui — the `useReducedMotion` hook every interactive primitive uses to gate animations on the user's OS preference. | Utilities | Free | no deps | |
| useTheme hookuse-theme | @interlace/ui — reads and writes the theme (`data-theme`) and colour scheme (`.dark`) axes, persists to localStorage, and follows the OS when no preference is stored. | Utilities | Free | no deps |