What's new in Initium

The style preset export is no longer Next.js-only. The same install command now works across every framework the shadcn CLI supports.

One command, six frameworks

npx shadcn@latest add <your-preset-url> installs your theme, button, and form components into Next.js, Vite, React Router, TanStack Start, Astro, and Laravel projects. The CLI detects the framework and puts every file where that project expects it.

Fonts that install themselves

Presets no longer ship a generated app/layout.tsx. Fonts are delivered as registry font items instead:

• On Next.js, the CLI patches your existing layout in place with next/font, keeping your providers and classes intact.
• On every other framework, it installs the matching fontsource package and wires --font-sans and --font-heading into your CSS.

Variable fonts resolve to their variable package automatically; static fonts keep their selected weights on Next.js.

Local fonts

Local font files cannot ship through a registry, so the CLI now prints ready-to-paste @font-face rules and variable assignments right after install. Mixed presets still auto-install their Google font slot.

Presets that default to dark mode also print a one-line note to add the dark class to your root element.

Eight new landing page blocks: a whole new category for pre-launch sites, and newsletter signup variants in the CTA family.

New category: Coming Soon Sections

Five sections for sites that are not live yet, from a bare placeholder to a full pre-launch page:

• coming-soon-section-1 (free): centered launch countdown with an email notify form.
• coming-soon-section-2: minimal full-viewport placeholder with your logo, headline, and notify form.
• coming-soon-section-3: split two-column layout with countdown, CTA, and image.
• coming-soon-section-4: full-viewport dark hero over a background image, with countdown and notify form.
• coming-soon-section-5: waitlist signup with a social links row for following progress while you build.

The three countdown blocks share a countdown-timer component that installs automatically as a dependency. It ticks live, accepts a targetDate prop, and defaults to fourteen days from load, so demos never show an expired clock. It renders identical placeholders on server and client, avoiding hydration mismatches.

Newsletter CTA blocks

Three CTA variants built for newsletter capture, each with an email field, a Subscribe button, and a small reassurance caption below the form:

• cta-section-8: centered signup on a muted background.
• cta-section-9: rounded card with text beside the form.
• cta-section-10: rounded card with an image column.

All labels, placeholders, and the caption are props, so agents can adapt the copy without touching markup.

Free blocks

Following the first-block-free rule, coming-soon-section-1 is free, which brings the free tier to 24 blocks: the first block of every landing page section category. The frozen Radix registry tier is unchanged.

A new Style Guide example is available in the blocks browser, next to the other page examples. Install it into your project with npx shadcn@latest add @initium/style-guide and it documents your theme from the inside:

• Everything resolves live from your CSS. Color swatches show the actual oklch values of every semantic token (foreground tokens preview on their paired background), the type scale table measures size, line height, weight, and tracking at the current viewport, and the radius and spacing scales report real pixel values. Change your theme and the style guide follows.
• Seven sections behind a scroll-spy sidebar: logo (on light and dark), colors, typography, radius, layout metrics, a button variant-by-size matrix, and form controls in default, invalid, and disabled states.
• A working top bar with your project logo, a full-text search that jumps to any token or label on the page (arrow keys included), and a theme toggle that previews your palette in both modes.
• One install, eight blocks: the page composes a shell and seven section blocks, all pulled in automatically as registry dependencies, and every token card copies its var(--token) on click.

The style guide follows the standard section wrapper width, so it lines up with the layout rules in the style editor preview, and in your app it simply inherits whatever theme surrounds it.

The style editor gets a Button text weight select, right below the Buttons style picker.

• Default keeps things as they are — each button style's built-in weights (medium, with a lighter ghost variant in some styles) stay untouched, and existing presets, share URLs, and exports are unchanged.
• Picking a weight applies it uniformly to every button variant. The options come from the weights your selected body font actually ships, so the preview and the exported site always render a real face.
• The choice travels everywhere: the live preview and blocks previews update immediately, the exported preset emits a --font-button-weight token and rewrites the button component's weight classes to use it (so it stays tweakable after install), next/font downloads the extra weight, and DESIGN.md documents the chosen weight for agents.

Two new landing page blocks and a rework of the Initium agent skill pack.

New blocks

• timeline-section-5 — a scroll-driven process timeline: a sticky intro column with CTA beside step cards on a 2px progress rail. The rail fills as the page scrolls (the fill front tracks the middle of the viewport) and each step's dot activates when the line reaches it, with dots measured against their badge so alignment holds at every breakpoint.
• faq-section-6 — FAQs organized into six categories. A vertical category tab list sits beside the accordion on desktop and collapses into a select on mobile, with both controls driving the same state. Each category opens with its first question expanded.

Agent skill pack

The @initium/initium-agent pack was restructured around a single gated workflow — setup, strategy, copy, build, QA, visuals — with a checkable completion gate per step:

• The skill now carries frontmatter with trigger descriptions, so agents that auto-discover project skills can fire it on their own.
• New custom-sections.md reference: how to build a bespoke section that passes as a registry block when no Initium block fits — shared prop names, the section skeleton, and a stock-styling-first rule for resolving conflicts between mockups and the design system.
• The visuals explorator is now a standalone skill at .agents/skills/visuals-explorator/, so image-prompt exploration can be invoked directly as well as from the Initium workflow.
• Style rules were consolidated: the headline budget (two-line headings) and zigzag rhythm (alternating section layouts) are defined once and referenced everywhere else.

The frozen Radix registry tier is unchanged.

Rich text article sections are now styled by shadcn typeset, replacing the Initium prose utility.

• A new free typeset registry item ships the stock shadcn typeset stylesheet as app/typeset.css. Import it after Tailwind in your global CSS: @import "./typeset.css";.
• All rich-text-section-* blocks now declare @initium/typeset as a registry dependency, so installing a block brings the stylesheet with it. Their article bodies use the typeset class instead of prose-block.
• The prose utility and prose-block class were removed from initium-styles. Existing installs keep working — the prose CSS you installed stays in your project — but re-installing styles no longer includes it. Wrap article content in class="typeset" going forward.
• Typeset styles derive from your theme tokens and three variables (--typeset-size, --typeset-leading, --typeset-flow), so it follows your fonts and dark mode automatically. You own the file and can edit it freely.
• The frozen Radix registry tier is unchanged.

The Style Builder preview now reflects your selections more faithfully, and the get-code flow is easier to use.

• The live preview picks up typography, button, and form choices immediately, so what you see is what installs.
• The generated shadcn install command is easier to copy and includes your full preset configuration.
• Links across preview blocks now use a consistent button-link pattern for correct semantics and focus styles.

Initium components are now built on Base UI, and the registry serves the right build for your project automatically.

• All blocks, buttons, and form elements migrated from Radix UI primitives to Base UI.
• The registry URL is now style-aware: https://app.initium.sh/r/styles/{style}/{name}.json. The shadcn CLI fills in {style} from your components.json, so projects on a base-* style receive Base UI components.
• Projects on a radix-* or legacy style receive a frozen Radix build, and the older https://app.initium.sh/r/{name}.json URL keeps working unchanged, so existing installs are not affected.
• The Initium agent skill and documentation were updated for Base UI and the style-aware registry.

Initium now has a dedicated home at initium.sh, separate from the app at app.initium.sh.

• Full documentation covering setup, the registry, styles, blocks, skills, AI workflows, and troubleshooting.
• Machine-readable docs for AI agents: /llms.txt, /llms-full.txt, and a raw markdown version of every docs page at /docs/{slug}.md.
• Host-based routing keeps the app, registry, and marketing site on their own domains.

Five new presets landed in the Style Builder, each with its own color direction, typography pairing, and component styling.

• Wisteria — deep purple on a warm sage background with 3D buttons.
• Grove — a dark green, editorial direction with Lora serif headings.
• Pistachio — light pistachio greens with playful Fredoka headings.
• Regent — dark slate with a gold primary and Libre Caslon Display headings.
• Broadside — Big Shoulders display headings, zero radius, and clipped buttons for louder brands.

Every preset exports the same way: install it with one shadcn command, then export DESIGN.md so your AI tools follow the same direction.

The Style Builder gained a new preset and finer control over how styles come out.

• Skyline — a new preset with a bright blue primary, Onest typography, 3D buttons, and pill taglines.
• Border and foreground color schemes let presets control more of the interface than background and primary colors alone.
• New font options and additional type sizes across presets.
• Improved logo handling in style previews.

The Initium Agent skill pack is now available as a pro registry item.

• Install it with npx shadcn@latest add @initium/initium-agent.
• It places a skill into .agents/skills/initium/ with reference guides for setup, workflow, copywriting, block selection, block usage, style rules, and SEO.
• Works with any AI tool that supports project skills — and any tool that can read markdown, via a pointer to SKILL.md.
• Strategy and design markdown exports can now be downloaded directly from the app.