Next.js product site with animated demos, toolkit catalogue and pricing.

What we built

We designed and built Composio's marketing site in Next.js: a home page with a rotating-word hero, customer logo strip, animated product demos, setup cards for seven AI assistants and any MCP client, team, security and enterprise sections, framework code tabs and a 12-question FAQ; a searchable catalogue of 1,700 toolkits with 19 category filters, a popularity sort and pagination; a pricing page with three plans, a feature comparison and per-app rates; and a customer stories page.

Key features

• Hero headline whose middle phrase rotates through '1,500+ apps', 'a browser', 'a sandbox' and 'skills', above a 'Trusted by' logo strip
• Animated demo in which a Claude chat request passes through eight Composio layers (tools, accounts, permissions, skills, instant tools, computer, safety, log) to a Notion page
• 'Works with any AI' grid: Install buttons for Claude, ChatGPT, Codex, Cursor and Grok Bot, Copy prompt for Hermes and OpenClaw, Copy MCP URL for any MCP client
• 'Works with any framework' code tabs for OpenAI, Anthropic, Vercel AI SDK, Google and LangChain with an npm install line
• Toolkit catalogue of 1,700 apps with a search box, 19 category filters, a popularity sort menu, 30-per-page pagination and a 'Request a toolkit' link
• Pricing page with Hobby ($0), Pro ($29 a month) and Enterprise plans, a feature comparison table, per-app tool-call rates and an 11-question FAQ

Visit Composio’s website