Onlook

Bolt.new is an AI-powered full-stack web development platform created by StackBlitz that enables users to prompt, run, edit, and deploy full-stack applications directly in the browser. The platform combines a powerful AI code generation engine with StackBlitz's WebContainer technology, which runs a complete Node.js environment in the browser without requiring any local setup, cloud VMs, or Docker containers. Users describe what they want to build in natural language, and Bolt.new generates a complete application with frontend, backend, and configuration files, then runs it immediately in the browser. The platform supports a wide range of frameworks and technologies including React, Next.js, Vue, Svelte, Astro, Express, and more. What makes Bolt.new unique is the real-time preview — users see their application running as it's being built, and can interact with it immediately. The AI can install npm packages, configure build tools, create database connections, and handle project scaffolding automatically. Iterative development through conversational prompts allows users to add features, fix bugs, and modify their application continuously. Built-in deployment through Netlify enables one-click publishing. The combination of browser-based development, immediate preview, and AI code generation creates a remarkably frictionless development experience. Bolt.

Lovable is an AI-powered full-stack application builder that generates complete, deployable web applications from natural language descriptions. The platform transforms text prompts into functional applications with both frontend UI and backend infrastructure, producing clean React code with Tailwind CSS styling, integrated authentication through Supabase, database schemas, and API endpoints. What distinguishes Lovable from simpler AI website builders is its ability to generate genuine software applications rather than static pages — users can describe features like user authentication, data storage, file uploads, payment integration, and real-time updates, and Lovable generates working implementations. The generated code follows modern development practices including TypeScript, component-based architecture, and responsive design. Lovable provides a visual editor that allows users to modify the generated application through both code editing and a visual interface, making it accessible to both developers and non-technical users. Each project is automatically provisioned with a Supabase backend providing PostgreSQL database, authentication, and file storage. The platform includes built-in deployment to Lovable's hosting infrastructure, and projects can also be exported as standard code repositories for deployment elsewhere.

v0.dev is an AI-powered generative UI tool developed by Vercel that creates production-ready React and Next.js components from natural language text descriptions. Unlike traditional design tools that produce static mockups, v0 generates actual, functional code using modern web technologies including React, Next.js, Tailwind CSS, and shadcn/ui component library, producing components that developers can directly copy into their projects without significant refactoring. Users describe the interface they want in plain English, and v0 generates multiple design variations with complete, well-structured code that follows current best practices for accessibility, responsive design, and component architecture. The tool excels at creating common UI patterns such as dashboards, forms, data tables, navigation menus, landing page sections, card layouts, and authentication flows. Each generation includes multiple variants, and users can iteratively refine results through follow-up prompts that modify specific aspects. V0 produces clean, semantic code that integrates naturally with existing Next.js and React projects, using Tailwind CSS utility classes and the open-source shadcn/ui component system that is widely adopted in the React ecosystem. The tool serves as a bridge between design intent and working code, targeting frontend developers who want to accelerate UI development, designers who want to see their ideas as functional code, product managers creating prototypes, and startup teams rapidly building MVPs. V0 offers a free tier with limited daily generations, while the Premium plan at $20 per month provides increased limits and priority access. For teams working within the React and Next.js ecosystem, v0 represents a paradigm shift in how interface components are created.

Locofy is a design-to-code platform that uses AI to convert Figma and Adobe XD designs into production-ready frontend code for React, Next.js, React Native, HTML/CSS, Vue, Angular, and other frameworks. The platform addresses one of the most persistent bottlenecks in product development — the handoff gap between design and engineering teams. Rather than requiring developers to manually translate pixel-perfect designs into code, Locofy automates this conversion process while maintaining design fidelity, responsive behavior, and clean code structure. The platform works as a Figma plugin where designers tag interactive elements, define component boundaries, and specify responsive breakpoints directly within their design files. Locofy's AI then analyzes the design structure, identifies reusable components, generates semantic HTML with appropriate ARIA attributes for accessibility, and produces organized code that follows the conventions of the target framework. The generated code uses CSS Flexbox and Grid for layouts, supports design system token integration, and can be synced with existing codebases through Git integration. Locofy also supports design-to-code for mobile applications via React Native and Flutter output. Key differentiators include the ability to handle complex auto layout structures, variant-based component generation, and the production of code that experienced developers would consider maintainable rather than throwaway.