Nyx UI

Bento Section 02

Assist AI bento — a five-card 'This AI can do a lot' grid with typewriter notepad, chat thread, gradient chart + tooltip, web-search panel, and code editor.

One assistant, endless skills.

Stop jumping between tools. Write, design, analyse, and ship, all from a single conversation.

Code as you think

Smart completions that write the next line for you.

Designs on demand

Describe it, get a polished visual back in seconds

Understands your numbers

Answers about your metrics, in plain language

Monitors every threshold

Capacity and anomalies, visualised live.

Bento Section 02 is a five card "this AI can do a lot" grid for assistant products. Each card pitches one capability with its own live visual: a typewriter notepad, a chat thread that streams replies, a gradient chart with a tracking tooltip, a web-search panel, and a code editor with syntax highlighting. Built with Framer Motion and React. A ready made feature section for AI assistant and copilot landing pages.

Installation

Install dependencies.

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.