@initium

Conversion-focused marketing blocks and landing page sections for shadcn/ui, with a visual style editor, agent skills, and the first block of every category free to install.

250 components react shadcn-cli

website ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://app.initium.sh/r/styles/registry/registry.json

pnpm pnpm dlx shadcn@latest add https://app.initium.sh/r/styles/registry/registry.json

bun bunx shadcn@latest add https://app.initium.sh/r/styles/registry/registry.json

fetch registry curl -s https://app.initium.sh/r/styles/registry/registry.json

Components

250 total

Initium Styles style

Initium layout utilities, typography classes, and infinite-scroll animation for landing page sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/initium-styles.json

Typeset file

Shadcn typeset stylesheet that styles rich text article bodies. Import it after Tailwind in your global CSS.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/typeset.json

Initium Agent file

Portable agent workflow for building conversion-focused websites with Initium styles, strategy, and blocks.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/initium-agent.json

Media ui

Custom UI component (media) required by Initium sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/media.json

Button Default ui

Button Default button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-default.json

Button Bold ui

Button Bold button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-bold.json

Button 3d ui

Button 3d button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-3d.json

Button Gradient ui

Button Gradient button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-gradient.json

Button Shadow ui

Button Shadow button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-shadow.json

Button Clipped ui

Button Clipped button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-clipped.json

Button Strong Outline ui

Button Strong Outline button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-strong-outline.json

Button Bold Skewed ui

Button Bold Skewed button component that installs as the default shadcn button.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-bold-skewed.json

Form Elements Default ui

Form Elements Default style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-default.json

Form Elements Bold ui

Form Elements Bold style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-bold.json

Form Elements Outline ui

Form Elements Outline style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-outline.json

Form Elements Strong Outline ui

Form Elements Strong Outline style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-strong-outline.json

Form Elements Shadow ui

Form Elements Shadow style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-shadow.json

Form Elements Neutral ui

Form Elements Neutral style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-neutral.json

Form Elements Bold Skewed ui

Form Elements Bold Skewed style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-bold-skewed.json

Form Elements Underline ui

Form Elements Underline style pack that installs as the default shadcn form controls.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-underline.json

Button Showcase block

Button section with background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-showcase.json

Form Elements Showcase block

Form element section with form fields, textarea, checkboxes, select inputs, two-column layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-showcase.json

404 Section 1 block

404 page section 1 with 404 messaging, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-section-1.json

404 Section 2 block

404 page section 2 with media, two-column layout, 404 messaging, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-section-2.json

404 Section 3 block

404 page section 3 with media, two-column layout, 404 messaging, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-section-3.json

Banner 1 block

Announcement banner section 1 with centered content, sidebar layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-1.json

Banner 2 block

Announcement banner section 2 with sidebar layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-2.json

Banner 3 block

Announcement banner section 3 with centered content, reversed column order, sidebar layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-3.json

Banner 4 block

Announcement banner section 4 with rounded visuals, sidebar layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-4.json

Banner 5 block

Announcement banner section 5 with avatars, customer quotes, rounded visuals, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-5.json

Banner 6 block

Announcement banner section 6 with sidebar layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-6.json

Bento Grid 1 block

Bento grid section 1 with cards, media, two-column layout, three-column grid, bento-style grid.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-1.json

Bento Grid 2 block

Bento grid section 2 with cards, media, three-column grid, bento-style grid, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-2.json

Bento Grid 3 block

Bento grid section 3 with cards, media, bento-style grid, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-3.json

Bento Grid 4 block

Bento grid section 4 with cards, media, two-column layout, bento-style grid, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-4.json

Bento Grid 5 block

Bento grid section 5 with cards, media, two-column layout, bento-style grid, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-5.json

Bento Grid 6 block

Bento grid section 6 with cards, media, three-column grid, bento-style grid, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-6.json

Blog Section 1 block

Blog posts section 1 with media, three-column grid, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-1.json

Blog Section 2 block

Blog posts section 2 with avatars, cards, three-column grid, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-2.json

Blog Section 3 block

Blog posts section 3 with cards, media, three-column grid, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-3.json

Blog Section 4 block

Blog posts section 4 with cards, media, two-column layout, bento-style grid, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-4.json

Blog Section 5 block

Blog posts section 5 with avatars, media, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-5.json

Blog Section 6 block

Blog posts section 6 with cards, media, bento-style grid, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-6.json

Blog Section 7 block

Blog posts section 7 with avatars, cards, media, two-column layout, three-column grid.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-7.json

Blog Section 8 block

Blog posts section 8 with select inputs, avatars, media, two-column layout, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-8.json

Career Section 1 block

Career sections section 1 with tabbed content, centered content, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-1.json

Career Section 2 block

Career sections section 2 with centered content, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-2.json

Career Section 3 block

Career sections section 3 with accordion FAQ, select inputs, centered content, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-3.json

Career Section 4 block

Career sections section 4 with comparison table, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-4.json

Coming Soon Section 1 block

Coming soon page section 1 with form fields, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-1.json

Coming Soon Section 2 block

Coming soon page section 2 with form fields, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-2.json

Coming Soon Section 3 block

Coming soon page section 3 with media, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-3.json

Coming Soon Section 4 block

Coming soon page section 4 with form fields, media, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-4.json

Coming Soon Section 5 block

Coming soon page section 5 with form fields, centered content, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-5.json

Countdown Timer component

Coming soon page section with rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/countdown-timer.json

Comparison Section 1 block

Feature comparison section 1 with comparison table, two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-1.json

Comparison Section 2 block

Feature comparison section 2 with comparison table, three-column grid, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-2.json

Comparison Section 3 block

Feature comparison section 3 with cards, two-column layout, feature checklist, brand logo strip, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-3.json

Comparison Section 4 block

Feature comparison section 4 with cards, three-column grid, feature checklist, brand logo strip, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-4.json

Comparison Section 5 block

Feature comparison section 5 with comparison table, two-column layout, bento-style grid, brand logo strip, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-5.json

Comparison Section 6 block

Feature comparison section 6 with media, two-column layout, three-column grid, bento-style grid, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-6.json

Contact Section 1 block

Contact section 1 with form fields, textarea, checkboxes, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-1.json

Contact Section 2 block

Contact section 2 with media, two-column layout, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-2.json

Contact Section 3 block

Contact section 3 with media, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-3.json

Contact Section 4 block

Contact section 4 with form fields, textarea, checkboxes, media, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-4.json

Contact Section 5 block

Contact section 5 with media, background contrast section, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-5.json

Contact Section 6 block

Contact section 6 with form fields, textarea, checkboxes, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-6.json

Contact Section 7 block

Contact section 7 with media, three-column grid, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-7.json

Contact Section 8 block

Contact section 8 with form fields, checkboxes, two-column layout, feature checklist, brand logo strip.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-8.json

Contact Section 9 block

Contact section 9 with form fields, textarea, checkboxes, media, two-column layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-9.json

Cta Section 1 block

Call-to-action section 1 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-1.json

Cta Section 10 block

Call-to-action section 10 with form fields, media, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-10.json

Cta Section 2 block

Call-to-action section 2 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-2.json

Cta Section 3 block

Call-to-action section 3 with media, primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-3.json

Cta Section 4 block

Call-to-action section 4 with form fields, media, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-4.json

Cta Section 5 block

Call-to-action section 5 with media, primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-5.json

Cta Section 6 block

Call-to-action section 6 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-6.json

Cta Section 7 block

Call-to-action section 7 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-7.json

Cta Section 8 block

Call-to-action section 8 with form fields, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-8.json

Cta Section 9 block

Call-to-action section 9 with form fields, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-9.json

Empty Lp Section 1 block

Empty state section 1 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-1.json

Empty Lp Section 2 block

Empty state section 2 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-2.json

Empty Lp Section 3 block

Empty state section 3 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-3.json

Empty Lp Section 4 block

Empty state section 4 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-4.json

Empty Lp Section 5 block

Empty state section 5 with two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-5.json

Faq Section 1 block

FAQ section 1 with accordion FAQ, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-1.json

Faq Section 2 block

FAQ section 2 with accordion FAQ, two-column layout, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-2.json

Faq Section 3 block

FAQ section 3 with two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-3.json

Faq Section 4 block

FAQ section 4 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-4.json

Faq Section 5 block

FAQ section 5 with accordion FAQ, tabbed content, site links and legal, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-5.json

Faq Section 6 block

FAQ section 6 with accordion FAQ, tabbed content, select inputs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-6.json

Feature Section 1 block

Features section 1 with media, two-column layout, primary and secondary CTAs, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-1.json

Feature Section 10 block

Features section 10 with media, three-column grid, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-10.json

Feature Section 11 block

Features section 11 with media, three-column grid, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-11.json

Feature Section 12 block

Features section 12 with avatars, media, two-column layout, customer quotes, primary and secondary CTAs.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-12.json

Feature Section 13 block

Features section 13 with two-column layout, bento-style grid, feature checklist, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-13.json

Feature Section 14 block

Features section 14 with media, three-column grid, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-14.json

Feature Section 15 block

Features section 15 with media, two-column layout, background contrast section, video aspect media, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-15.json

Feature Section 16 block

Features section 16 with tabbed content, media, centered content, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-16.json

Feature Section 17 block

Features section 17 with tabbed content, media, two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-17.json

Feature Section 18 block

Features section 18 with tabbed content, feature checklist, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-18.json

Feature Section 19 block

Features section 19 with tabbed content, cards, media, two-column layout, three-column grid.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-19.json

Feature Section 2 block

Features section 2 with media, two-column layout, primary and secondary CTAs, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-2.json

Feature Section 20 block

Features section 20 with accordion FAQ, tabbed content, media, two-column layout, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-20.json

Feature Section 21 block

Features section 21 with carousel, media, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-21.json

Feature Section 22 block

Features section 22 with media, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-22.json

Feature Section 23 block

Features section 23 with tabbed content, media, two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-23.json

Feature Section 3 block

Features section 3 with media, two-column layout, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-3.json

Feature Section 4 block

Features section 4 with media, two-column layout, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-4.json

Feature Section 5 block

Features section 5 with media, two-column layout, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-5.json

Feature Section 6 block

Features section 6 with media, two-column layout, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-6.json

Feature Section 7 block

Features section 7 with media, primary and secondary CTAs, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-7.json

Feature Section 8 block

Features section 8 with media, two-column layout, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-8.json

Feature Section 9 block

Features section 9 with media, two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-9.json

Footer 1 block

Footer section 1 with site links and legal, centered content, reversed flex direction.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-1.json

Footer 2 block

Footer section 2 with form fields, site links and legal, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-2.json

Footer 3 block

Footer section 3 with site links and legal, centered content, rounded visuals, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-3.json

Footer 4 block

Footer section 4 with site links and legal, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-4.json

Footer 5 block

Footer section 5 with site links and legal, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-5.json

Footer 6 block

Footer section 6 with bento-style grid, site links and legal, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-6.json

Footer 7 block

Footer section 7 with bento-style grid, site links and legal, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-7.json

Footer 8 block

Footer section 8 with form fields, bento-style grid, site links and legal, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-8.json

Footer 9 block

Footer section 9 with site links and legal, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-9.json

Gallery Section 1 block

Image gallery section 1 with media, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-1.json

Gallery Section 10 block

Image gallery section 10 with carousel, media, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-10.json

Gallery Section 11 block

Image gallery section 11 with carousel, media, two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-11.json

Gallery Section 12 block

Image gallery section 12 with media, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-12.json

Gallery Section 2 block

Image gallery section 2 with media, two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-2.json

Gallery Section 3 block

Image gallery section 3 with media, three-column grid, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-3.json

Gallery Section 4 block

Image gallery section 4 with media, two-column layout, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-4.json

Gallery Section 5 block

Image gallery section 5 with media, two-column layout, three-column grid, bento-style grid, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-5.json

Gallery Section 6 block

Image gallery section 6 with media, two-column layout, three-column grid, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-6.json

Gallery Section 7 block

Image gallery section 7 with carousel, media, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-7.json

Gallery Section 8 block

Image gallery section 8 with carousel, media, centered content, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-8.json

Gallery Section 9 block

Image gallery section 9 with carousel, media, centered content, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-9.json

Header Section 1 block

Page header section 1 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-1.json

Header Section 10 block

Page header section 10 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-10.json

Header Section 11 block

Page header section 11 with breadcrumbs, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-11.json

Header Section 12 block

Page header section 12 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-12.json

Header Section 13 block

Page header section 13 with form fields, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-13.json

Header Section 14 block

Page header section 14 with form fields, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-14.json

Header Section 15 block

Page header section 15 with form fields, breadcrumbs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-15.json

Header Section 16 block

Page header section 16 with form fields, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-16.json

Header Section 17 block

Page header section 17 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-17.json

Header Section 18 block

Page header section 18 with background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-18.json

Header Section 19 block

Page header section 19 with breadcrumbs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-19.json

Header Section 2 block

Page header section 2 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-2.json

Header Section 20 block

Page header section 20 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-20.json

Header Section 3 block

Page header section 3 with centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-3.json

Header Section 4 block

Page header section 4 with centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-4.json

Header Section 5 block

Page header section 5 with breadcrumbs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-5.json

Header Section 6 block

Page header section 6 with breadcrumbs.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-6.json

Header Section 7 block

Page header section 7 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-7.json

Header Section 8 block

Page header section 8 with centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-8.json

Header Section 9 block

Page header section 9 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-9.json

Hero Section 1 block

Hero section 1 with media, two-column layout, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-1.json

Hero Section 10 block

Hero section 10 with media, primary and secondary CTAs, brand logo strip, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-10.json

Hero Section 11 block

Hero section 11 with media, two-column layout, primary and secondary CTAs, background contrast section, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-11.json

Hero Section 12 block

Hero section 12 with avatars, media, two-column layout, primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-12.json

Hero Section 13 block

Hero section 13 with centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-13.json

Hero Section 14 block

Hero section 14 with media, primary and secondary CTAs, brand logo strip, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-14.json

Hero Section 15 block

Hero section 15 with media, two-column layout, primary and secondary CTAs, brand logo strip, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-15.json

Hero Section 16 block

Hero section 16 with media, bento-style grid, primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-16.json

Hero Section 17 block

Hero section 17 with media, two-column layout, primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-17.json

Hero Section 18 block

Hero section 18 with primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-18.json

Hero Section 19 block

Hero section 19 with media, two-column layout, primary and secondary CTAs, centered content, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-19.json

Hero Section 2 block

Hero section 2 with media, two-column layout, feature checklist, primary and secondary CTAs, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-2.json

Hero Section 20 block

Hero section 20 with media, primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-20.json

Hero Section 21 block

Hero section 21 with media, primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-21.json

Hero Section 22 block

Hero section 22 with media, two-column layout, primary and secondary CTAs.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-22.json

Hero Section 3 block

Hero section 3 with media, two-column layout, primary and secondary CTAs, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-3.json

Hero Section 4 block

Hero section 4 with form fields, media, two-column layout, primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-4.json

Hero Section 5 block

Hero section 5 with form fields, media, two-column layout, primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-5.json

Hero Section 6 block

Hero section 6 with primary and secondary CTAs, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-6.json

Hero Section 7 block

Hero section 7 with media, primary and secondary CTAs.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-7.json

Hero Section 8 block

Hero section 8 with avatars, customer quotes, primary and secondary CTAs, centered content, reversed column order.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-8.json

Hero Section 9 block

Hero section 9 with media, primary and secondary CTAs, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-9.json

Logo Section 1 block

Client logos section 1 with bento-style grid, brand logo strip, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-1.json

Logo Section 2 block

Client logos section 2 with two-column layout, brand logo strip, centered content, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-2.json

Logo Section 3 block

Client logos section 3 with two-column layout, three-column grid, brand logo strip, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-3.json

Logo Section 4 block

Client logos section 4 with two-column layout, three-column grid, brand logo strip, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-4.json

Logo Section 5 block

Client logos section 5 with two-column layout, three-column grid, brand logo strip, background contrast section, video aspect media.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-5.json

Logo Section 6 block

Client logos section 6 with infinite logo scroll, brand logo strip, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-6.json

Logo Section 7 block

Client logos section 7 with infinite logo scroll, brand logo strip, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-7.json

Logo Section 8 block

Client logos section 8 with infinite logo scroll, brand logo strip, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-8.json

LP Navbar 1 block

Landing navbar section 1 with primary and secondary CTAs, navigation links, sticky elements.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-1.json

LP Navbar 10 block

Landing navbar section 10 with primary and secondary CTAs, navigation links, sticky elements, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-10.json

LP Navbar 2 block

Landing navbar section 2 with primary and secondary CTAs, navigation links, sticky elements.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-2.json

LP Navbar 3 block

Landing navbar section 3 with navigation links, sticky elements.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-3.json

LP Navbar 4 block

Landing navbar section 4 with primary and secondary CTAs, navigation links, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-4.json

LP Navbar 5 block

Landing navbar section 5 with sticky elements, image zoom.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-5.json

LP Navbar 6 block

Landing navbar section 6 with mobile sheet menu, sticky elements, image zoom.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-6.json

LP Navbar 7 block

Landing navbar section 7 with sticky elements, rounded visuals, image zoom.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-7.json

LP Navbar 8 block

Landing navbar section 8 with navigation menu, three-column grid, primary and secondary CTAs, sticky elements, rounded visuals.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-8.json

LP Navbar 9 block

Landing navbar section 9 with command palette, primary and secondary CTAs, navigation links, sticky elements, split layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-9.json

404 Page 1 block

404 page example section 1 with site links and legal, 404 messaging, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-page-1.json

404 Page 2 block

404 page example section 2 with media, site links and legal, 404 messaging, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-page-2.json

404 Page 3 block

404 page example section 3 with site links and legal, 404 messaging, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-page-3.json

About Page 1 block

About page example section 1 with key metrics, site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/about-page-1.json

About Page 2 block

About page example section 2 with key metrics, site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/about-page-2.json

About Page 3 block

About page example section 3 with key metrics, site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/about-page-3.json

Blog Page 1 block

Blog page example section 1 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-page-1.json

Blog Page 2 block

Blog page example section 2 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-page-2.json

Blog Page 3 block

Blog page example section 3 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-page-3.json

Blog Post Page 1 block

Blog post page example section 1 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-post-page-1.json

Blog Post Page 2 block

Blog post page example section 2 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-post-page-2.json

Blog Post Page 3 block

Blog post page example section 3 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-post-page-3.json

Career Page 1 block

Career page example section 1 with key metrics, site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-page-1.json

Career Page 2 block

Career page example section 2 with key metrics, site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-page-2.json

Career Page 3 block

Career page example section 3 with customer quotes, key metrics, site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-page-3.json

Contact Page 1 block

Contact page example section 1 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-page-1.json

Contact Page 2 block

Contact page example section 2 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-page-2.json

Contact Page 3 block

Contact page example section 3 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-page-3.json

Faq Page 1 block

FAQ page example section 1 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-page-1.json

Faq Page 2 block

FAQ page example section 2 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-page-2.json

Faq Page 3 block

FAQ page example section 3 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-page-3.json

Legal Page 1 block

Legal page example section 1 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/legal-page-1.json

Legal Page 2 block

Legal page example section 2 with site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/legal-page-2.json

Legal Page 3 block

Legal page example section 3 with site links and legal, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/legal-page-3.json

Pricing Page 1 block

Pricing page example section 1 with customer quotes, site links and legal, primary and secondary CTAs, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-page-1.json

Pricing Page 2 block

Pricing page example section 2 with customer quotes, site links and legal, primary and secondary CTAs, navigation links, split layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-page-2.json

Pricing Page 3 block

Pricing page example section 3 with site links and legal, navigation links.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-page-3.json

Placeholder Logo Buzzsnap component

Placeholder SVG logo component for the buzzsnap brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-buzzsnap.json

Placeholder Logo Dashstar component

Placeholder SVG logo component for the dashstar brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-dashstar.json

Placeholder Logo Editly component

Placeholder SVG logo component for the editly brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-editly.json

Placeholder Logo Geoaura component

Placeholder SVG logo component for the geoaura brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-geoaura.json

Placeholder Logo Nanodea component

Placeholder SVG logo component for the nanodea brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-nanodea.json

Placeholder Logo Orionbo component

Placeholder SVG logo component for the orionbo brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-orionbo.json

Placeholder Logo Revahub component

Placeholder SVG logo component for the revahub brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-revahub.json

Placeholder Logo Starlight component

Placeholder SVG logo component for the starlight brand used in logo and hero sections.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-starlight.json

Pricing Section 1 block

Pricing section 1 with pricing tiers, tabbed content, cards, badges, three-column grid.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-1.json

Pricing Section 2 block

Pricing section 2 with pricing tiers, cards, two-column layout, feature checklist, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-2.json

Pricing Section 3 block

Pricing section 3 with pricing tiers, cards, feature checklist, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-3.json

Pricing Section 4 block

Pricing section 4 with pricing tiers, tabbed content, cards, badges, feature checklist.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-4.json

Pricing Section 5 block

Pricing section 5 with pricing tiers, comparison table, two-column layout, feature checklist, centered content.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-5.json

Rich Text Section 1 Demo Content component

Demo article body content with headings, lists, tables, and code blocks for rich text section previews.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-1-demo-content.json

Rich Text Section 1 block

Rich text article section 1 with avatars, media, typeset article body, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-1.json

Rich Text Section 2 block

Rich text article section 2 with avatars, media, typeset article body, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-2.json

Rich Text Section 3 block

Rich text article section 3 with avatars, media, typeset article body, background contrast section, sidebar layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-3.json

Rich Text Section 4 block

Rich text article section 4 with avatars, media, typeset article body, centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-4.json

Rich Text Section 5 block

Rich text article section 5 with avatars, media, typeset article body, background contrast section, sidebar layout.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-5.json

Rich Text Section Types lib

Shared TypeScript types for rich text article sections (author, meta, cover image).

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-types.json

Rich Text Toc Aside component

Sticky table-of-contents aside navigation for long-form rich text article layouts.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-toc-aside.json

Stats Section 1 block

Statistics section 1 with media, two-column layout, key metrics, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-1.json

Stats Section 2 block

Statistics section 2 with key metrics, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-2.json

Stats Section 3 block

Statistics section 3 with media, two-column layout, key metrics, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-3.json

Stats Section 4 block

Statistics section 4 with cards, key metrics, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-4.json

Stats Section 5 block

Statistics section 5 with key metrics.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-5.json

Stats Section 6 block

Statistics section 6 with centered content, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-6.json

Stats Section 7 block

Statistics section 7 with two-column layout, key metrics, background contrast section.

npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-7.json