Tempo
Tempo is an AI-powered platform that accelerates React application development by enabling designers and developers to collaborate seamlessly using a single source of truth. Its drag-and-drop editor allows users to edit React code visually, facilitating effortless design and precise control over components, layouts, and styles. The platform supports integration with existing React codebases, enabling users to import components from Storybook or generate custom libraries swiftly. Developers can edit code locally using their preferred editors, such as VSCode, and maintain control over their code by pushing changes to GitHub, allowing deployment to any chosen hosting infrastructure. Tempo offers a comprehensive library of components and templates, providing access to hundreds of free templates from the community to expedite development. The platform also features real-time collaboration tools, including real-time multiplayer editing.
Learn more
Onlook
Onlook is a next-generation, open source, visual-first editor that empowers designers and product managers to craft and edit React and Next.js web experiences in real time, without leaving a browser-like interface. With seamless integration into existing codebases, Onlook enables live DOM editing alongside immediate code synchronization and deployable output. Its visual editor supports drag-and-drop layout changes, Tailwind CSS styling, layer navigation, and responsive breakpoint handling. AI-powered assistance helps generate components from descriptions, maintain design system consistency (with global styles, typography, and color tokens), convert Figma designs into interactive code, and offer smart design suggestions. Designers can import projects from GitHub or Figma, iterate with instant visual feedback via live previews, manage version control with checkpoints and real-time updates, and deploy directly from the platform.
Learn more
Dottle AI
Dottle AI is an AI-powered web-design tool that enables users to create professional-quality websites simply by writing a descriptive prompt, then refining the result through iteration and exporting the final design as functional code (HTML/CSS, React, Vue, or Angular). The workflow is straightforward: you provide a prompt specifying layout, style, and content; you ask the AI to make changes until you're satisfied; and finally, you export the project to code or hand it to a developer. The platform is purpose-built for web design, positioning itself as a fast and cost-effective alternative to hiring a designer, avoiding DIY frustrations or generic AI outputs. It offers a free first page, followed by subscription plans* for additional pages, and includes options for developers (via API access) as well as agencies (enterprise plans). The tool focuses on ensuring clean exportable code (currently styled with Tailwind CSS) and aims to minimize waste and speed up production.
Learn more
BLACKBOX AI
BLACKBOX AI is an advanced AI-powered platform designed to accelerate coding, app development, and deep research tasks. It features an AI Coding Agent that supports real-time voice interaction, GPU acceleration, and remote parallel task execution. Users can convert Figma designs into functional code and transform images into web applications with minimal coding effort. The platform enables screen sharing within IDEs like VSCode and offers mobile access to coding agents. BLACKBOX AI also supports integration with GitHub repositories for streamlined remote workflows. Its capabilities extend to website design, app building with PDF context, and image generation and editing.
Learn more
