<Web Full Stack Resources />

A CLI that writes your git commit messages for you with AI.

Algorithm Visualizer is an interactive online platform that visualizes algorithms from code.

Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

500+ Animated Icons for the Modern Web. Elevate Your website with High-Quality animations in 4 different styles. Avaiable as Lottie animations. Completely free to use.

Nice collection of CSS animations for your awesome web projects.

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

Learn how to use Atomic Design to create reusable components with React.

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Solid, Vue, Svelte, or any other JavaScript application.

A tool to generate CSS blur background.

Scrimba is a fun and fast way of learning to code! Our interactive courses and tutorials will teach you React, Vue, Angular, JavaScript, HTML, CSS, and more.

Bruno is a new and innovative open source API client, aimed at revolutionizing the status quo represented by Postman, Insomnia and similar tools out there.

CSS button generator is a free online tool you can use to create CSS button styles in one click.

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

Can I include a child tag to a parent tag?

Clean Code concepts adapted for TypeScript.

Ready to copy and paste with Tailwind CSS. Any design system, any framework.

Learn the technical skills you need for the job you want. As leaders in online education and learning to code, we've taught over 50 million people using a tested curriculum and an interactive learning environment. Start with HTML, CSS, JavaScript, SQL, Python, Data Science, and more.

Codédex is a free, open-source, and fun way to learn to code. It's a game that teaches you the basics of programming.

Codember is a game with programming challenges and investigation. Every person that solves all the challenges, will win a prize.

With Codewell, you can browse high quality Figma templates that you can use to sharpen your HTML and CSS skills.

CodinGame is a challenge-based training platform for programmers where you can improve your coding skills with fun exercises (25+ languages supported).

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.

CryptoZombies is an interactive school that teaches you all things technical about blockchains. Learn to make smart contracts in Solidity or Libra by making your own crypto-collectibles game.

CSS Diner is a fun game to help you learn and practice CSS selectors.

CSS Selectors, Flexbox, Grid, Box Model, visually explained.

CSS Gradient Text is a free tool that lets you create beautiful gradient text for your website.

A game for learning CSS grid layout.

A tool for generating responsive CSS for use with CSS Grid.

A collection of tips to help take your CSS skills pro.

A free visual guide to CSS.

A tool to generate CSS section separators.

A visual guide to CSS selectors.

A tool to classify CSS selectors/combinators into classes.

Easily convert CSS to Tailwind with this online converter. Paste in your Css and the tool takes care of the rest!

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.

Get the hottest dev news from the best tech blogs on any topic you can think of. Stay updated daily, and unlock more time to do fun stuff.

The best hand-picked dark themed websites on the internet.

A simple and elegant database manager. easily connect to your database, manage Table and execute Query.

Become a better developer by building real projects. Solve real-world problems while working on professional designs alongside the best community.

DevDocs combines multiple API documentations in a fast, organized, and searchable interface.

Millions of designers and agencies around the world showcase their portfolio work on Dribbble - the home to the world's best design and creative professionals.

Embla Carousel is a bare bones carousel library with great fluid motion and excellent browser support.

A collection of (mostly) technical things every software developer should know about.

Write down a command-line to see the help text that matches each argument.

Fancy Border Radius lets you create fancy CSS border radius shapes.

Deploy backend applications and databases in minutes.

Flexer is a free tool that helps you visualize CSS flexbox layouts.

A JavaScript library to position floating elements and create interactions for them.

Fly is a platform for applications that need to run globally. Deploy your apps close to your users and scale deploys between 25 and 1000 VMs.

Practice for technical interviews, get acquainted with the CodeSignal platform, and build your developer resume.

A living, breathing style guide for the FreeCodeCamp.org web platform.

Improve your front-end coding skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.

Take your frontend skills to the next level by recreating real websites from real companies. The perfect type of practice for developers of all skill levels.

Step by step guide to becoming a modern full stack developer in 2023.

Whether you're a developer, engineering leader or GitHub administrator, there's a path for you to explore. GitHub's Learning Pathways are self-paced tutorials designed to help you grow from beginner to expert.

Learn how to use GitHub with interactive courses designed for beginners and experts.

Get started with this free CSS generator based on the glassmorphism design specifications to quickly design and customize the style properties.

Griddy is a CSS Grid playground and code generator.

Haikei is a web app to generate unique SVG shapes, backgrounds, and patterns.

Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

HTML Colors, HTML UI Colors with HEX, RGB, HSL, Color Names, Color Picker, and color theory.

Millions of graphics for your design projects. Created by independent designers.

Extract colors from an image and generate a color palette for it.

An interactive mini-course on creating SVG animations by Nanda Syahrasyad.

From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview!.

JavaScript Questions Blog is a collection of questions and posts can help you improve your JavaScript and Frontend development knowledge.

Learn how JavaScript's asynchronous code works behind the scenes by visualizing the Promise and async/await APIs.

JSON Crack empowers users to visualize, analyze, and manipulate data with ease, making it a versatile and powerful tool for data representation and exploration.

JSON Data AI is a free tool that generates JSON data based on a template. It's useful for testing and prototyping.

An online playground to convert JSON to TypeScript.

Pixel perfect mobile UI components built with Tailwind CSS. Compatible with React, Vue, and Svelte.

Koyeb is a developer-friendly serverless platform to deploy apps globally. No-ops, servers, and infrastructure management.

Leyes de UX es una colección de mejores prácticas que los diseñadores pueden considerar al crear interfaces de usuario.

Finds broken hyperlinks and mail addresses. Supports Markdown, HTML and more. Simple and lightweight

Material 3 is the latest version of Google's open-source design system. Design and build beautiful, usable products with Material 3.

Material Design icons by Google.

A collection of over 50 free monospaced fonts for developers, patched with fontforge.

Netlify is the modern web development platform for Enterprises to realize the full potential of a scalable, customizable web architecture.

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

Make beautiful websites regardless of your design experience.

An open source game about learning Git!

Collecting all the cheat sheets.

PaperPal is a free online editor that helps you write error-free essays.

Try out the best and newest monospace fonts for code!

Tool for creating proportional scales for typography, iconography, spacing, and components in design systems.

Practica tus habilidades de programación con pruebas técnicas de empresas reales. Usa el stack que prefieras, entrega tus ejercicios y recibe el feedback de la comunidad.

A collective list of free APIs for use in software and web development.

A collective list of free APIs for use in software and web development.

Get rid of AWS and Kubernetes: Qoddi is a fully managed App Hosting Platform running on a tier 1 network at 10% of the cost of similar solutions.

Ray.so is a free and open-source tool that lets you easily create beautiful images with code snippets.

Simple and complete React DOM testing utilities that encourage good testing practices.

A tool to help you balance your text in React components.

React-Toastify allows you to add notifications to your app with ease. No more nonsense! Just make a component and pass the content to display.

🤘 Mi nombre es Carmen Ansio y aquí tienes disponible la recopilación de herramientas y recursos de diseño y desarrollo web que comparto a diario en mi cuenta de Twitter para ayudarte a crecer profesionalmente. 👾 Espero que te sea de ayuda.

Refine is an open-source React framework. Build your React-based CRUD applications without difficulties. Build React-based internal tool, admin panel, or any type of CRUD application, with full customization.

Render is a unified platform to build and run all your apps and websites with free SSL, global CDN, private networks and auto deploys from Git.

Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages.

A tool to preview responsive web pages on multiple devices at once.

Resumake is a free online resume builder that lets you create a beautiful and professional resume in minutes.

The last carousel you'll ever need.

A collection of small, useful tools for web developers.

Generate beautiful AI spiral art with one click. Powered by Vercel and Replicate.

A series of interactive lessons and exercises designed to help you quickly learn SQL right in your browser.

Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.

A collection of free design tools to create unique backgrounds, patterns, shapes, images, and more with just a few clicks

Search, explore and edit the best-fitting free icons or vectors for your projects using a wide variety vector library.

SVGator is an easy-to-use SVG animation generator, generating CSS or JavaScript code as the animation type, making it easy to add crystal clear animations to your website.

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

Tailwind CSS Animated is a collection of hover animations, transitions, and other highly interactive components that work well together or can be used individually.

A cheat sheet for Tailwind CSS, a utility-first CSS framework for rapidly building custom designs.

Tailwind CSS Elements is a free library of HTML elements designed to be used with Tailwind CSS.

There's been a Murder in SQL City! The SQL Murder Mystery is designed to be both a self-directed lesson to learn SQL concepts and commands and a fun game for experienced SQL users to solve an intriguing crime.

TradingView Lightweight Charts are one of the smallest and fastest financial HTML5 charts. They are responsive and easy to customize.

The React library to build dashboards fast.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work.

WarriorJS is an exciting game of programming and Artificial Intelligence where you will train your warrior to become the greatest.

A collection of web development visuals to help you understand concepts better.

Code generators for front-end development.