JSX.Design
JSX.Design is a no-code WYSIWYG editor for React developers, letting you visually build responsive UIs while generating clean JSX code. Drag and drop components, customize styles, and sync code in real-time. Speed up development without losing control!
Learn more about JSX.Design
Grapes Studio
Grapes Studio is a free and open source web builder framework designed to help developers and content teams create HTML templates, landing pages, newsletters, or site layouts using a powerful drag-and-drop editor, no deep coding required. The editor includes a visual canvas where users can add, move and configure components such as sections, images, buttons, iframes or text blocks; a Block Manager to define reusable HTML fragments; a Style Manager for CSS-like visual styling; a Layer/Structure Manager to intuitively organize component hierarchy; an Asset Manager for images and media; built-in command-set (undo/redo, preview, full-screen) and support for more advanced extensibility via APIs and plugins. Because the framework is unopinionated, developers can use it as a standalone editor embedded within an application or platform, or customize panels, toolbars, and behaviours to suit their UI.
Learn more about Grapes Studio
Canva
4.7 out of 5 stars
(91 Ratings)
Canva is an AI-powered visual design and content creation platform that enables individuals and businesses to create graphics, presentations, videos, documents, websites, and marketing materials. The software provides a drag-and-drop editor with customizable templates, stock photography, illustrations, fonts, animations, and multimedia assets. Its AI capabilities include conversational design generation, image and video creation, automated background removal, writing assistance, and intelligent editing tools. Canva's Visual Suite includes presentations, whiteboards, documents, spreadsheets, website creation, and video editing within a unified workspace. Collaboration features allow teams to edit projects together, share feedback, manage brand assets, and maintain visual consistency through Brand Kits and templates. The platform also offers Canva Code for generating interactive websites and applications, along with publishing tools, social media scheduling, and integrations.
Learn more about Canva
Locofy
Frontend development accelerated with AI. Turn designs into frontend code for web & mobile. Build full apps, screens, components & design systems. Ship products 10x faster with your existing design tools, libraries, tech stack & CI/CD workflows. Figma & Adobe XD to React, React Native, HTML/CSS, Gatsby, Next.js, Vue, and more coming soon. Keep using the tools you already use. We provide a Figma & Adobe XD plugin to tag your interactive elements and handle styling, layout, and responsiveness. As a bonus, we provide pre-built components from Material UI, Bootstrap, Ant Design, Chakra UI as well as your Storybook. Locofy converts your designs into production-ready code for React, React Native, HTML-CSS, Next.js, Gatsby, Vue, and more on the way in your preferred framework. Make reusable components and props with LocoAI. Export your code in your preferred settings (CSS Modules, Tailwind, CSS, Typescript, JavaScript, Expo).
Learn more about Locofy