AI-Powered React IDE directly from your terminal. Generate React + TailwindCSS + shadcn/ui components with AI.
npm install krea-ide> AI-Powered React IDE directly from your terminal. Generate React + TailwindCSS + shadcn/ui components with AI.
``bash`
npm i krea-ide@latest -g
1. Set up your API key:
`bash`
krea config set openaiApiKey sk-your-key
# or
krea config set anthropicApiKey sk-ant-your-key
2. Start chatting:
`bash`
krea
3. Generate a component:
`bash`
krea generate "Create a pricing card with shadcn/ui"
| Command | Description |
|---------|-------------|
| krea | Launch interactive chat mode |krea init
| | Initialize a new React + Vite + TailwindCSS + shadcn project |krea generate
| | Generate a component from text |krea chat
| | Enter interactive chat mode |krea config
| | Manage API keys and settings |
While in chat mode:
- /save - Save the last generated component/clear
- - Clear chat history/config
- - Show current configuration/help
- - Show help message/exit
- - Exit chat mode
Set your preferred AI provider:
`bashUse OpenAI (default)
krea config set apiProvider openai
krea config set defaultModel gpt-4o
Set output directory:
`bash
krea config set outputDir ./src/components
`Examples
$3
`bash
krea generate "Create a modern hero section with a gradient background,
large heading, subtitle, and two CTA buttons"
`$3
`bash
krea generate "Create a dashboard stats card showing revenue,
with an icon, percentage change indicator, and sparkline chart"
`$3
`bash
krea chat
You: Create a login form with email and password
Krea: [generates component with streaming output]
You: Add a "Remember me" checkbox
Krea: [updates the component]
/save
``- 🤖 AI-Powered: Uses GPT-4o or Claude for intelligent generation
- ⚡ Streaming: See components being generated in real-time
- 🎨 TailwindCSS: Beautiful, utility-first styling out of the box
- 🧩 shadcn/ui: Seamless integration with shadcn components
- 💬 Interactive Chat: Iterate on designs conversationally
- 📁 Auto-Save: Components saved directly to your project
- Node.js 18+
- OpenAI or Anthropic API key
MIT