open source web design tool - AI tools

TilePieces is an open-source tool that enables users to create and edit HTML files and web projects directly in the browser using familiar HTML, CSS, and JavaScript concepts.

• Free

Pingendo is a modern desktop application for designing, building, and deploying responsive web pages using Bootstrap, featuring a visual builder with real-time code editing and one-click publishing.

• Freemium
• From 12$

Brackets is a lightweight, open-source text editor designed for web designers and front-end developers, featuring live preview and inline editing capabilities.

• Free

Circa is an innovative website builder enabling users of any skill level to create visually stunning, fully responsive websites without coding or design experience.

• Other

toddle is a visual web development framework that simplifies building dynamic UIs with HTML, CSS, and JavaScript. It offers a productive alternative to traditional text editors, empowering developers to create professional web applications efficiently.

• Freemium
• From 29$

Jan Losert is a designer and Webflow expert specializing in creating digital products, UI kits, and educational resources for the design community.

• Other

Rafal Tomal offers design tools, courses, and resources to help designers and creators build effective websites through simple design principles.

• Other

Containers Web Wireframe Kit is a design system with 250+ blocks and 15 categories for creating web UX prototypes in Figma, Sketch, and Adobe XD, featuring dark/light versions and landing page templates.

• Pay Once

Designyff is a free open-source platform offering copy/paste UI components and snippets to enhance web design projects.

• Free

JitBlox enables users to design and prototype modern, component-based web applications online without writing code, featuring real-time previews and integration with leading UI libraries.

• Freemium
• From 15$

Chris Henrick is a front-end web developer and design engineer specializing in data visualization, web applications, UX prototyping, interaction design, and cartographic design.

• Other

Components AI is a powerful design tool that enables creatives to build custom design tools, responsive components, and websites without coding. It offers visual design capabilities with parametric controls and multi-format export options.

• Freemium
• From 24$

Framer is a comprehensive web building platform that enables users to design and publish modern, responsive websites with an intuitive interface, built-in CMS, and AI-powered features.

• Freemium
• From 5$

Liveweave is an online web development environment that provides real-time coding, debugging, and AI-powered assistance for HTML, CSS, and JavaScript projects.

• Free

Larsenwork is a personal portfolio and open source project hub by Andreas Larsen, featuring tools like Gidole font, Easing Gradients, and Fluid Scale for developers and designers.

• Free