Skip to main content

Adaptly, The AI-Adaptive UI Library for React and Next.js

Create intelligent interfaces that adapt to user needs through natural language. No complex configuration—just describe what you want and watch your UI transform.

5min
Quick Setup
Possibilities
⌘K
Natural Commands
100%
Type Safe

Why developers choose Adaptly

The only UI library that understands natural language and adapts to your needs

AI-Powered Intelligence

Describe your UI in plain English and watch it transform instantly. Works with Google Gemini, OpenAI GPT, and Anthropic Claude for maximum flexibility.

Developer-First Design

Built for modern React developers with full TypeScript support, IntelliSense, and seamless Next.js integration. No learning curve.

Persistent & Reliable

Your UI adaptations are automatically saved and restored. Never lose your custom layouts with intelligent state management.

How it works

Three simple steps to intelligent, adaptive UIs

1. Define Componentsadaptly.json
{
  "components": {
    "MetricCard": {
      "description": "Display key performance indicators",
      "props": {
        "title": { "type": "string", "required": true },
        "value": { "type": "string", "required": true }
      },
      "useCases": ["revenue tracking", "user metrics"],
      "space": { "min": [2, 1], "max": [3, 2], "preferred": [2, 1] }
    }
  }
}
2. Use Natural LanguageCommand
⌘KCreate a sales dashboard with revenue metrics
AI generates MetricCard componentswith realistic data and optimal layout