design tools for web projects - AI tools

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

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

• Other

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

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

• Other

Designrise provides professional web design and no-code development services using tools like Figma, Framer, and Webflow to create standout websites that attract customers and drive sales.

• Paid
• From 650$

The 960 Grid System provides a CSS framework with 12, 16, and 24-column grid variants for rapid web prototyping and production, offering consistent dimensions and reusable templates.

• 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$

Design DB is a free directory of high-quality design templates, freebies, and assets that helps designers save time and improve their work through curated resources.

• Free

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

• Free

Fabrx provides carefully built design systems and UI kits with Figma, Sketch, Bootstrap 5, and Adobe XD to speed up workflow for designers, developers, and startups.

• Pay Once

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

Angry Tools is a comprehensive collection of free online tools for web and Android development, offering CSS generators, image utilities, text converters, and layout builders to streamline development workflows.

• Free

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

• Free

Cirrus is a SCSS framework designed for rapid prototyping, offering beautiful pre-built components and utility classes to streamline web development.

• Free

SparkBites is a curated collection of beautiful websites that provides web design inspiration and resources for developers and designers.

• Free

Adham Dannaway is a professional portfolio website showcasing expertise in product design, UI design, design systems, and front-end development with clean, efficient code.

• 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$

Webdesignrepo provides daily curated links and updates on web design, development, and JavaScript tools, helping developers stay current with industry trends and resources.

• Free