lenis-mcp-server
Integrates with GSAP (GreenSock) for ScrollTrigger, enabling advanced scroll-driven animations such as parallax effects, timeline synchronization, and scroll-based interactions.
Provides Next.js-specific setup and configuration for Lenis smooth scroll, including server-side rendering considerations, app router compatibility, and integration with Next.js projects.
Generates setup code for React applications, handling component integration, hooks, and smooth scrolling configuration specific to React environments.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@lenis-mcp-serverset up Lenis with GSAP ScrollTrigger in my React app"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
🎯 Lenis MCP Server
MCP server that provides Lenis smooth scroll expertise to AI assistants. Knowledge-based — no external API calls, all documentation is embedded.
📋 About
The Lenis MCP Server is a Model Context Protocol server that gives AI coding assistants deep knowledge about Lenis — the lightweight, performant smooth scroll library by darkroom.engineering.
All documentation (settings, methods, events, patterns, troubleshooting) is embedded directly in the server. When an AI assistant calls a tool, it receives structured, accurate information — no network requests, no API keys, zero latency.
Related MCP server: Documentation Retrieval MCP Server (DOCRET)
🛠️ Tools
Tool | Description |
🔧 | Generate setup code for vanilla JS, React, Vue, Next.js (+ GSAP, snap) |
📖 | Query settings, methods, events, properties with search |
🐛 | Diagnose scroll issues against known limitations |
🎨 | Production-ready patterns: parallax, snap, horizontal, WebGL sync |
⚡ | Performance recommendations for your setup |
🏗️ How It Works
graph LR
A[🤖 AI Assistant] -->|Calls MCP tool| B[🎯 Lenis MCP Server]
B -->|Queries| C[📚 Embedded Knowledge Base]
C -->|Returns| B
B -->|Structured response| A
A -->|Generates code| D[💻 Your Project]
style A fill:#6366f1,stroke:#4f46e5,color:#fff
style B fill:#14b8a6,stroke:#0d9488,color:#fff
style C fill:#f59e0b,stroke:#d97706,color:#fff
style D fill:#10b981,stroke:#059669,color:#fff📦 Installation
Via npx (recommended)
Add to your MCP config (Claude Desktop, Cursor, Windsurf, etc.):
{
"mcpServers": {
"lenis-mcp": {
"command": "npx",
"args": ["-y", "lenis-mcp-server"]
}
}
}From source
git clone https://github.com/devAndreotti/lenis-mcp-server.git
cd lenis-mcp-server
npm install
npm run buildThen add to your MCP config:
{
"mcpServers": {
"lenis-mcp": {
"command": "node",
"args": ["path/to/lenis-mcp-server/dist/index.js"]
}
}
}🌟 Features
Feature | Description |
🚀 Zero Latency | All docs embedded — no network requests needed |
🎯 Framework-Aware | Supports vanilla JS, React, Vue, and Next.js |
🔗 GSAP Integration | Deep knowledge of ScrollTrigger integration |
🐛 Smart Debugging | Matches symptoms against known limitations |
📱 Mobile-Ready | Performance tips for touch & mobile optimization |
🎨 Pattern Library | Parallax, snap, horizontal, WebGL sync, and more |
💬 Example Prompts
"Set up Lenis with GSAP ScrollTrigger in my React app"
"What are all the Lenis settings and their defaults?"
"My scroll is janky on Safari, help me fix it"
"Create a parallax effect with Lenis and GSAP"
"Optimize my Lenis setup for mobile devices"
"How do I handle nested scroll containers?"
📂 Project Structure
lenis-mcp-server/
│
├── src/
│ ├── index.ts # MCP server with 5 tools
│ └── knowledge/
│ └── lenis-docs.ts # Complete Lenis knowledge base
│
├── package.json
├── tsconfig.json
├── LICENSE
└── README.md🐛 Troubleshooting
Problem | Solution |
Server won't start | Ensure Node.js ≥ 18 and run |
Tools not appearing | Check MCP config path is correct and restart your IDE |
Outdated information | Open an issue or PR to update the knowledge base |
💪 Contributing
Contributions are welcome! Follow the steps below:
Fork this repository.
Create a branch:
git checkout -b feature/your-feature.Commit your changes:
git commit -m "feat: my contribution".Push to the branch:
git push origin feature/your-feature.Open a Pull Request with a summary of proposed changes.
Use Conventional Commits: feat:, fix:, docs:, style:, refactor:, test:, chore:.
📝 License
This project is under the MIT license. See the LICENSE file for details.
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/devAndreotti/lenis-mcp-server'
If you have feedback or need assistance with the MCP directory API, please join our Discord server