Feature Section 04 is a collaboration themed bento that arranges the live cursor, kanban, command palette, and drag reorder mockups in one grid. Each card runs its own GSAP driven scene, from cursors wandering a shared board to a palette query typing itself out. Built with React and Tailwind CSS. A ready feature section for realtime editors, project management tools, and team chat products.
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.
Update the import paths to match your project setup.
Related blocks
- Feature Section 01
A three-card feature section with animated assets — a typewriter prompt, a browser design mock with a draw-in frame, and an infrastructure sidebar with a looping highlight.
- Feature Section 02
A security feature section arranging the auth mockups — security dial, fraud feed, MFA code, session list, and bot radar — in an asymmetric grid.
- Feature Section 03
A developer-experience feature section with code diff, pipeline run, merge flow, and CLI mockups woven into a bento of narrative cards.
- Feature Section 05
A payments feature section weaving bank-card, transaction-integrity, encryption, fraud-shield, and volume-chart mockups into a bento.
