Layouts
Marketing and content page compositions — heroes, pricing, blog, docs, commerce, and portfolio patterns.
Unlock it plus 90 pro blocks, widgets & layouts — $99 one-time. Lifetime updates, 14-day money-back guarantee.
Full-width hero with headline and CTA, followed by a three-column features grid.
npx base-ui-cli add layout-hero-features
Three-tier pricing layout with a highlighted recommended plan, feature lists, and CTA buttons.
npx base-ui-cli add layout-pricing
50/50 horizontal split with copy and CTAs on the left and a full-height visual on the right.
npx base-ui-cli add layout-split-screen
Asymmetric multi-cell grid with varying card sizes for a modern, editorial-inspired landing experience.
npx base-ui-cli add layout-bento-grid
Main article content with a sticky sidebar for table of contents, tags, and related posts.
npx base-ui-cli add layout-blog-sidebar
Editorial-style layout with a dominant featured article alongside stacked smaller story cards.
npx base-ui-cli add layout-magazine-grid
Documentation layout with left-side tree navigation, code blocks, and a sticky right-side page outline.
npx base-ui-cli add layout-docs-kb
Filterable product grid with a collapsible filter sidebar and a paginated card grid.
npx base-ui-cli add layout-ecommerce-grid
Masonry-style three-column gallery with hover overlays and lightbox-ready image slots.
npx base-ui-cli add layout-portfolio-gallery