How do I install Feature Grid With Illustrations And Bento?

Run npx shadcn@latest add @aceternity/feature-grid-with-illustrations-and-bento in your terminal. Before installing, add the Aceternity Pro registry to your components.json and set your API token as the ACETERNITY_PRO_TOKEN environment variable. The CLI automatically installs all required dependencies including Tailwind CSS plugins and Framer Motion.

Is Feature Grid With Illustrations And Bento responsive and accessible?

Yes. The component is fully responsive across mobile, tablet, and desktop breakpoints. It uses semantic HTML elements, proper heading hierarchy, and accessible color contrast ratios. Touch targets are appropriately sized for mobile interactions, and all interactive elements are keyboard-navigable.

Can I customize the colors, fonts, and layout?

Everything is built with Tailwind CSS utility classes and Framer Motion animations. You can change colors, spacing, typography, border radius, shadows, and animation timing directly in the JSX — no separate CSS files to manage. The component uses your project's Tailwind theme, so it automatically adapts to your design system.

What frameworks does this work with?

Feature Grid With Illustrations And Bento is built for React and Next.js (App Router and Pages Router). It requires Tailwind CSS v4 and Framer Motion. It works with any React-based framework including Remix, Gatsby, and Vite — just ensure Tailwind CSS and Framer Motion are configured in your project.

Feature Grid With Illustrations And Bento

Everything you need,
nothing you don't.

Six small features that save you hours every week, and stay out of the way the rest of the time.

One shortcut
Start from anywhere with a single key combo. No window to find.
Works with every app
Connects to the tools your team already uses, with nothing new to install.
1
Speaker 1
2
Speaker 2
3
Speaker 3
Matched to your calendar
Knows who is who
People are matched to your calendar, so names are right the first time.
Action items0 of 3 done
Send the recap to the teamDana · due Fri14:19
Share the draft roadmapPriya · due Thu22:40
Book the design reviewSam · due Mon31:05
Tasks with owners
Every task gets a person, a due date, and a link back to where it came from.
Private by default
Your data stays on your device. Nothing leaves unless you choose to share it.
⌘K
Product syncAug 14we moved the launch date to the 28th
Team standupJul 29confirm the launch checklist by Friday
Marketing reviewSep 22blog post is ready before the launch date
38 results · 0.2 seconds
Instant search
Find a number, a name, or a decision across everything in seconds.