Web Design Tools

Open-source design tool with code inspection, flexible responsive layouts, real-time collaboration, layer support, auto layout, reusable components, and no tracking.

Free Code Camp's open source community help you build a job-worthy portfolio of real apps used by real people, while helping nonprofits.

Bootstrap is a open-source collection of tools for creating browser sites and applications. It contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and other interface components, as well as optional JavaScript extensions.

Open source website builder that empowers creators to build highly maintainable and fast websites using modern web standards. Webstudio is an Open Source version of Webflow.

Sketch is a vector-based design tool for Mac with a focus on screen design. It’s used primarily by screen designers who create websites, icons, and user interfaces for desktop and mobile devices. For beginners and industry professionals alike, Sketch’s powerful and easy-to-use...

Linearity Curve is the vector-based design platform that empowers marketing teams to create captivating content together.

Visual web design tool features extensive coding capabilities, FTP/SFTP support, live preview, drag-and-drop elements, and cross-platform compatibility.

Create and host your websites for free, with no subscriptions, no restrictions.

Build fast secure static websites as the front-end for your CMS of choice.

Google Fonts lets you browse all the fonts available via the Google Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

For the love of design—designers are facing new challenges, and need fast and reliable tools to stay ahead. that’s why we’re making Paper: a powerful canvas that helps you make beautiful art and experiences.

Bootstrap Studio is an elegant and very easy to use web design tool for building websites using the renowned Bootstrap framework. With its intuitive, drag-and-drop interface, new users can easily get great designs in just moments.

Create 3D objects, edit materials, add interactivity, and export. Control the outcome of your 3d design work.

Explore a handpicked library of stunning website hero sections designed to captivate and engage. Discover inspiring, high-quality hero designs for every niche and style—perfect for elevating your next web project.

Combines bitmap and vector editing for web, featuring slices, hotspots, and smart guides. Exports multiple formats and is Adobe-compatible.

The best free stock photos & videos shared by talented creators.

The Odin Project is one of those "What I wish I had when I was learning" resources. Not everyone has access to a computer science education or the funds to attend an intensive coding school and neither of those is right for everyone anyway.

Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit.

Create beautiful browser mockups from your screenshots.

ProcessWire is a friendly and powerful open source CMS and CMF with an exceptionally strong foundation. With all custom fields, an easy-to-use jQuery-inspired API, and a powerful page selector engine, ProcessWire will rise to any task.

Pinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and smart components for Bootstrap, Foundation and WordPress.

UI Colorful is an advanced AI-powered color theme generator designed to create custom Shadcn UI themes from any image or color, streamlining your design process.

A modern CSS framework based on Flexbox.

Create cutting-edge, beautiful websites that look amazing on any devices and browsers. Drag-n-drop only, no coding. 400+ site blocks. Free for any use.

If you want to choose a color palette for UI properly, the least you have to do is put them on a lofi UI or grayscale the entire UI on Figma, Adobe XD, or similar platforms to get a better idea of what those colors will actually look like on a product.

Just Color Picker is a tool that captures the colour of any pixel in any screen area and displays its code in a variety of formats.