Nyx UI

Feature Section 06

An integrations feature section: a full-bleed marquee band over a three-up of network, SSO, and handoff mockups.

Integrations

Connect your whole stack.

Plug into the tools you already use and let events move between them automatically, no brittle glue code to maintain.

OpenAI
Claude
Zed
GitHub
Figma
Slack

One typed graph

Data flows between apps through a single connection layer.

Sign in anywhere

Google, GitHub, SAML, passkeys — wired up on day one.

Run in Opencode
Open in Cursor
Build in Claude
Continue in Codex
Open in Zed

Clean handoffs

Route work between people and services without losing the thread.

Feature Section 06 covers the integrations story in two bands: a full bleed marquee of integration logos scrolling above, and a three up row of network mesh, SSO orbit, and handoff menu mockups below. Each mockup runs its own animated scene, so the section stays alive at any scroll position. Built with GSAP and Framer Motion. A drop in section for platforms whose value is their ecosystem.

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.