Open Lovable - Chat con IA para Crear Apps React

Open Lovable - Chat con IA para Crear Apps React

Construye aplicaciones React instantáneamente mediante chat con IA. Usa E2B para sandboxes y Firecrawl para web scraping. Soporta múltiples modelos IA.

Código abierto Código Publicado hace 6 días

Etiquetas

código código-abierto

Descripción

Open Lovable: Apps React con Chat IA

¿Qué es Open Lovable?

Open Lovable es una herramienta open source que te permite construir aplicaciones React completas mediante conversación con IA. Desarrollado por el equipo de Firecrawl, transforma prompts en código React funcional al instante.

Características Core

🚀 Desarrollo Instantáneo

  • Describe tu app y obtén código React funcional
  • Preview en vivo mientras construyes
  • Hot reload automático
  • Componentes completos con estado y lógica

🤖 Multi-Modelo IA

Soporta múltiples proveedores (necesitas al menos uno):

  • Anthropic (Claude)
  • OpenAI (GPT-5)
  • Google (Gemini)
  • Groq (Kimi K2 recomendado para inferencia rápida)

🛠️ Stack Tecnológico

  • E2B: Sandboxes seguros para ejecución de código
  • Firecrawl: Web scraping para contexto y datos
  • React: Framework frontend
  • Next.js: Base de la aplicación

Instalación Rápida

# Clonar y configurar
git clone https://github.com/mendableai/open-lovable.git
cd open-lovable
npm install

# Crear .env.local con tus API keys
E2B_API_KEY=tu_clave_e2b
FIRECRAWL_API_KEY=tu_clave_firecrawl
# Más uno de: ANTHROPIC, OPENAI, GEMINI o GROQ

# Ejecutar
npm run dev

Casos de Uso

  • Prototipos rápidos: De idea a demo funcional en minutos
  • MVPs: Construye productos mínimos viables
  • Componentes React: Genera componentes reutilizables
  • Landing pages: Crea páginas de marketing instantáneamente
  • Dashboards: Interfaces de datos complejas

Diferenciadores

✅ 100% open source - Modifica y extiende como necesites ✅ Sin límites de uso - Usa tus propias API keys ✅ Múltiples LLMs - Elige el modelo que prefieras ✅ Sandboxes seguros - Código ejecutado en E2B aislado ✅ Web scraping integrado - Extrae datos de cualquier sitio

Herramientas relacionadas

Groq Code CLI
Código abierto
Código

Groq Code CLI

Una CLI de programación altamente personalizable, ligera y de código abierto impulsada por Groq.

#código #cli #código-abierto
Sitio web: Online
Explorar Herramienta
Rube - Conecta tu IA con 500+ Apps | MCP de Composio
Freemium
AI

Rube - Conecta tu IA con 500+ Apps | MCP de Composio

Herramienta MCP que permite a agentes de IA interactuar con 500+ aplicaciones sin configuración. Compatible con Claude, Cursor y cualquier cliente MCP. Autenticación integrada y ejecución confiable.

#código #mcp
Sitio web: Online Documentación: Docs
Explorar Herramienta
Qoder - Editor de Código IA | Alibaba
Freemium
AI

Qoder - Editor de Código IA | Alibaba

Editor de Código Agéntico que comprende tu código base completo. Dos modos: Agent Mode para pair programming y Quest Mode para desarrollo autónomo. Integra Claude, GPT y Gemini.

#código #ide
Sitio web: Online Documentación: Docs
Explorar Herramienta
Claudia - GUI y Toolkit para Claude Code
Código abierto
AI

Claudia - GUI y Toolkit para Claude Code

Aplicación de escritorio para gestionar Claude Code. Interfaz visual para proyectos, agentes personalizados, análisis de uso y gestión de servidores MCP.

#código #código-abierto #mcp +1
Sitio web: Online Documentación: Docs
Explorar Herramienta