Features With Illustrations

Features with placeholder illustration areas for custom graphics in visual Next.js product pages

Pair each feature with a dedicated illustration space that brings your capabilities to life visually. The placeholder areas are sized and positioned for custom graphics, icons, or animated SVGs, ideal for marketing pages, product tours, and creative showcases.

Features With Illustrations preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/features-with-illustrations.json

npx shadcn@latest add https://www.shadcn.io/r/features-with-illustrations.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/features-with-illustrations.json

bunx shadcn@latest add https://www.shadcn.io/r/features-with-illustrations.json

Features With Screenshots

Screenshot features

Features With Video

Video features

Features Bento Grid

Asymmetric grid

Features With Preview

Hover preview

Features Alternating Rows

Zigzag layout

Features Tabbed Showcase

Tab-based features

FAQ

Last updated on March 24, 2026

Was this page helpful?

Features With Docs Links

Features list where each item links to documentation pages with external link indicators

Features With Links

Features with Learn more links for directing users to detailed documentation in Next.js product pages

Features With Illustrations