📚 All Web Resources 📚

all

• algorithm-visualizer →

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

• apexcharts →

  A modern JavaScript charting library to build interactive charts and visualizations with simple API.

• Button Generator →

  CSS button generator

• Codedex →

  Learn code playing this game

• CodePen →

  Build, test, and discover front-end code

• codepip →

  Learn to code with fun, bite-sized challenges

• Codeply →

  A HTML, CSS, JavaScript editor playground for designers & developers to compare, prototype and test frontend frameworks

• CodeSandbox →

  CodeSandbox is an online code editor and prototyping tool that makes creating and sharing web apps faster

• CodeWell →

  CodeWell is a platform for developers by developers to practice their web development skills

• codingame →

  Coding games and programming challenges to code better

• ColorsAndFonts →

  A curated library of colors, fonts and resources for web developers & digital designers

• CSS gradients →

  CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites.

• CSS Grid Generator →

  Generate basic CSS Grid code to make dynamic layouts

• css-tricks →

  Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

• cssbattle →

  A CSS Code Golfing game

• DaisyUI →

  Tailwind CSS Components

• Dark Designs →

  A collection of beautifully designed websites that take dark colors as the main background

• DataFlare →

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

• DevDocs →

  Fast, offline, and free documentation browser for developers

• Devhints →

  A collection of cheatsheets

• DevTube →

  The best developer videos in one place

• Draw a UI →

  This is an app that uses tldraw and the gpt-4-vision api to generate html based on a wireframe you draw.

• Excercism →

  Code practice and mentorship for everyone

• Firstaidgit →

  Search for git commands

• flexboxfroggy →

  A game for learning CSS Flexbox

• flukwout →

  A game for learning CSS selectors

• fly.io →

  A platform for applications that live on the edge

• Frontend Mentor →

  Improve your front-end coding skills by building real projects

• Frontloops →

  Frontloops is a subscription service that helps you improve your HTML & CSS skills by practicing on real-world projects

• Geist →

  A font for code editors

• Google Course - Web Perfomance →

  Learn how to make your website load in under a second

• gridgarden →

  A game for learning CSS Grid

• htmlrev.com →

  Free web templates

• JSFiddle →

  Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

• lawsofux →

  A collection of the key maxims that designers must consider when building user interfaces.

• lychee →

  A SEO checker for your website

• Material Design Icons →

  Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.

• Material Web 1.0 →

  UI Google library for Web and Apps

• Mocky →

  Mocky is a simple app that lets you create custom HTTP responses to test your REST API clients.

• Monspace →

  A monospace font for developers

• mystery-knightlab →

  A game for learning SQL

• Neumorphism.io →

  Generate Soft-UI CSS code,

• NextUI →

  NextUI is a collection of beautiful design tools that you can use right away in your React projects.

• ohmygit →

  An open source game for learning Git

• Programming Fonts →

  A showcase of the best fonts for coding on the web

• public-apis →

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

• RapidAPI →

  The world’s largest API marketplace

• react-icons →

  Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.

• react-magic-motion →

  react-magic-motion is a react.js library that ✨ magically animates your components.

• react-spring →

  A spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough to confidently cast your ideas into moving interfaces.

• Render →

  Deploy your web apps, APIs, and databases for free

• rubywarrior →

  A game for learning Ruby

• Sonner →

  Add beautiful notifications to your website with ease.

• SQL Bolt →

  Learn SQL with simple, interactive exercises

• sql-easy →

  SQL tutorial

• sqlbolt →

  SQLBolt provides a set of interactive lessons and exercises to help you learn SQL.

• sqlzoo.net →

  SQLZOO is a free SQL tutorial with interactive lessons.

• StackBlitz →

  StackBlitz is an online IDE where you can create Angular & React projects that are immediately online & shareable via link… in just one click

• UI colors →

  Color palettes for your UI

• uiverse →

  A collection of the best free resources for designers

• usebruno →

  A free API client

• vim-adventures →

  Learn VIM while playing a game

• warriorjs →

  An exciting game of programming and Artificial Intelligence

• web-check →

  A tool to check the security of your website

• Webhint →

  A linting tool that will help you with your site's accessibility, speed, security and more, by checking your code for best practices and common errors.

• Yesicon →

  A free icon set made with love for designers and developers