Skip to main content
Gremorie

Overview

Production-ready compositions of primitives. Shells, auth, dashboards, chat surfaces, marketing, empty states.

Application

Marketing & states

A block is a working composition of multiple primitives, shipped with wiring, variations, and an install command. Where a primitive is a button, a block is the full sign-in card, or the chat surface, or the KPI grid.

Blocks consume primitives -- they never reinvent them. Adding a block to your project installs every required primitive at the right version through registryDependencies.

Blocks vs Components vs Artifacts

ComponentsBlocksArtifacts
ScopeOne primitiveN primitives composedOne primitive that consumes an LLM schema
ExampleButtonsign-in cardchart artifact rendering Recharts from JSON
WiringNoneLayout + state + handlersSchema parser + streaming renderer
Installgremorie add rx-buttongremorie add sign-ingremorie add rx-chart-artifact
StatusShipping (100 primitives)PlannedPlanned

Categories

Shells

app-shell, dashboard-shell, settings-shell, docs-shell, marketing-shell, auth-shell

Auth

sign-in, sign-up, reset-password, otp-verification, two-factor

Dashboard

stats-cards, chart-grid, recent-activity, user-table, kanban

Forms

settings-form, profile-form, multi-step, search-filters

Chat

chat-surface (flagship), inline-chat, command-palette, ai-input-bar

Marketing

hero, feature-grid, pricing, testimonials, faq, cta-section

Empty states

no-results, no-data, error-state, permission-denied, coming-soon

Shared

page-header, data-table, confirmation-dialog, command-menu, theme-toggle, user-menu

The first wave of blocks is shipping. Each page below carries a live preview, the full source, an install command, and a customization guide.

Next

On this page