Crucible

Codex

A developer-tool docs landing template: slim nav, Cipher-scrambled headline, copy-to-clipboard install pill, a fake terminal that types a query session line-by-line, Kindle quickstart cards, a numbers-forward feature strip, CTA band, and footer — every string a prop, one emerald accent knob.

motionpro

Installation

CLI

npx shadcn@latest add @crucible/codex

Manual — install dependencies, then copy the source

npm install motion

Props

PropTypeDefaultDescription
brandstring"quill"Brand name in nav + footer.
logoReact.ReactNodethe Quill featherInline logo mark (24×24, currentColor).
navCodexNavItem[]Top navigation links.
headlinestringHero headline. Plain string — it resolves via a Cipher scramble.
subheadReact.ReactNodeHero supporting line.
installCommandstringThe copy-to-clipboard install one-liner.
terminalTitlestringTerminal window title.
terminalLinesCodexTerminalLine[]The fake query session typed out in the terminal panel.
quickstartCodexQuickstartCard[]Quickstart cards (rendered as Kindle spotlight cards).
featuresCodexFeature[]Feature bullets with precise numbers.
ctaHeadlineReact.ReactNodeClosing CTA band copy.
ctaSubheadReact.ReactNode
primaryCtaCodexAction"Install Quill"Primary action (hero + CTA band).
secondaryCtaCodexAction"Read the docs"Secondary action (hero + CTA band).
footerLinksCodexNavItem[]Footer links.
footerNoteReact.ReactNodeFooter legal line.
accentstring"#34d399" (cool emerald)Signature hue, any CSS color.
Also accepts all props of Omit<React.ComponentPropsWithoutRef<"main">, "children"> — they pass through to the underlying element.

Honors prefers-reduced-motion with a designed static fallback, and passes className through.