Web Development - 19 resources, tools and products
Tools for web developers
Automatic WebP <picture> Element HTML Generator
This tool will search for all of your <img> elements in your HTML file and replace them with <picture> elements with WebP support.
Additionally, you can also convert your JPG and PNG images to WebP without leaving this page.
๐ SEO
๐ฉโ๐ป Developer Tools
Web Development
Amazon Web Services (AWS) - Cloud Computing Services
Amazon Web Services offers reliable, scalable, and inexpensive cloud computing services. Free to join, pay only for what you use.
๐ฉโ๐ป Developer Tools
โ Cloud
Web Development
Mobile Development
Tailwind UI Kit
30 templates, 1300 beautifully crafted drop-in ready UI components for creating user-centric applications using Tailwind CSS in RECORD TIME!
๐ฉโ๐ป Developer Tools
Design Inspiration
Design Resources
Web Development
Fireship
High-intensity โก code tutorials to help you build & ship your app faster. Subscribe for new videos every week covering intermediate to advanced lessons about JavaScript, Flutter, Firebase, and modern app development.
The original home of #100SecondsOfCode and #CodeThisNotThat. Created by Jeff Delaney.
Web Development
๐บ YouTube Channels
Livecycle: Figma-like contextual reviews for deploy previews
Livecycle's SDK turns your deploy previews (Vercel, Netlify, or whatever pipeline you use) into collaborative playgrounds. With Livecycle, your team gets a Figma-like experience to review and ship code 10x faster.
๐ฉโ๐ป Developer Tools
Productivity
Web Development
SaaS
DevUtils - All-in-one Toolbox for Developers
Powerful developer tools to help you with your everyday tasks. Native macOS app, work offline, and respect your data.
๐ฉโ๐ป Developer Tools
Web Development
The Open Source Firebase Alternative | Supabase
The Open Source Alternative to Firebase.
๐ฉโ๐ป Developer Tools
โ Cloud
Web Development
IT Tools - Handy online tools for developers
Collection of handy online tools for developers, with great UX. IT Tools is a free and open-source collection of handy online tools for developers & people working in IT.
๐ฉโ๐ป Developer Tools
Web Development
Refactoring UI
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
๐ฉโ๐ป Developer Tools
Design Inspiration
Design Resources
Web Development
Books
Headless UI
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
๐ฉโ๐ป Developer Tools
Web Development
Retool - Build internal tools, remarkably fast.
Retool is the fast way to build internal tools. Drag-and-drop our building blocks and connect them to your databases and APIs to build your own tools, instantly. Connects with Postgres, REST APIs, GraphQL, Firebase, Google Sheets, and more. Built by developers, for developers. Trusted by startups and Fortune 500s. Sign up for free.
๐ฉโ๐ป Developer Tools
Web Development
Polypane, The browser for ambitious developers
Build responsive, accessible and fast sites with a stand-alone browser. All the tools you need in one app.
๐ฉโ๐ป Developer Tools
Web Development
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc.)
๐จ Design Tools
Design Resources
Web Development
SuperDev
Automatically turn your code into auto-scalable Web Apps Static Sites, Data Bases, Workers, APIs, Containers, Cron Jobs
๐ค๐จ Automation Tools
โ๐ฉโ๐ป No-Code
๐ฉโ๐ป Developer Tools
Web Development
Tailwind UI - Official Tailwind CSS Components & Templates
Beautiful UI components and templates by the creators of Tailwind CSS.
๐ฉโ๐ป Developer Tools
Design Inspiration
Design Resources
Web Development
Wes Bos
HTML, CSS, JavaScript and WordPress web development tutorials!
Web Development
๐บ YouTube Channels
refine | Build your React CRUD applications
Refine offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. It ships with Ant Design System, an enterprise-level UI toolkit.
๐ฉโ๐ป Developer Tools
Web Development
Tailscan - Browser inspector for Tailwind CSS
Tailscan is the ultimate developer tool for Tailwind CSS. Build, design and debug your Tailwind website visually, right within the browser.
๐ฉโ๐ป Developer Tools
Web Development
SVG to Inlined CSS Background Generator
This generator will turn your SVG to an inlined background-image CSS property automatically!
๐ฉโ๐ป Developer Tools
Web Development