Developer Resources

A curated collection of essential web development resources, tools, and platforms. From coding playgrounds and GitHub repositories to UI design tools and learning materials - everything you need for modern web development.

Showing 91 resources

Vibe Coding Websites

Code Playground

CodePen
Code Playground

Online code editor and learning environment

JSFiddle
Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online

Replit
Code Playground

Collaborative browser-based IDE

StackBlitz
Code Playground

Online IDE powered by Visual Studio Code

CodeSandbox
Code Playground

Online code editor for rapid web development

Glitch
Code Playground

Build fast, full-stack web apps in your browser

Data Visualization

Observable
Data Visualization

Make sense of the world with data, together

Deployment

Deno Deploy
Deployment

Deploy JavaScript globally in seconds

Mobile Vibe Coding

React Native

Expo Snack
React Native

Try React Native in the browser

Flutter

DartPad
Flutter

Online Dart editor with Flutter support

iOS

Swift Playgrounds
iOS

Learn Swift interactively

Android

Kotlin Playground
Android

Try Kotlin online

Testing

Appetize.io
Testing

Run native mobile apps in your browser

GitHub Repositories

Vue Ecosystem

Vue.js
Vue Ecosystem

The Progressive JavaScript Framework

Nuxt.js
Vue Ecosystem

The Intuitive Vue Framework

Vuetify
Vue Ecosystem

Vue Material Design Component Framework

Quasar
Vue Ecosystem

Vue.js based framework

Vue Router
Vue Ecosystem

The official router for Vue.js

Pinia
Vue Ecosystem

Intuitive, type safe, light and flexible Store for Vue

React Ecosystem

React
React Ecosystem

A declarative, efficient, and flexible JavaScript library

Next.js
React Ecosystem

The React Framework for Production

Gatsby
React Ecosystem

Build blazing fast, modern apps and websites with React

Material-UI
React Ecosystem

React components for faster and easier web development

Ant Design
React Ecosystem

Enterprise-class UI design language and React UI library

React Hook Form
React Ecosystem

Performant, flexible and extensible forms with easy validation

Framer Motion
React Ecosystem

Open source, production-ready motion library for React

Angular Ecosystem

Angular
Angular Ecosystem

One framework. Mobile & desktop

Angular CLI
Angular Ecosystem

CLI tool for Angular

Angular Material
Angular Ecosystem

Material Design components for Angular

NgRx
Angular Ecosystem

Reactive State for Angular

Other Frameworks

Svelte
Other Frameworks

Cybernetically enhanced web apps

SvelteKit
Other Frameworks

The fastest way to build svelte apps

Solid
Other Frameworks

A declarative, efficient, and flexible JavaScript library

Astro
Other Frameworks

Build faster websites with less client-side JavaScript

Remix
Other Frameworks

Build Better Websites

UI Design Sites

Design Tools

Figma
Design Tools

Collaborative interface design tool

Adobe XD
Design Tools

Vector-based user experience design tool

Sketch
Design Tools

Digital design toolkit

InVision
Design Tools

Digital product design platform

Framer
Design Tools

Interactive design tool

Principle
Design Tools

Animate your ideas, design better apps

Component Libraries

shadcn/ui
Component Libraries

Beautifully designed components built with Radix UI and Tailwind CSS

Headless UI
Component Libraries

Unstyled, fully accessible UI components

Radix UI
Component Libraries

Low-level UI primitives with a focus on accessibility

Chakra UI
Component Libraries

Simple, modular and accessible component library

Mantine
Component Libraries

Full-featured React components library

Design Inspiration

Dribbble
Design Inspiration

Discover the world's top designers & creatives

Behance
Design Inspiration

Creative portfolios on Behance

Awwwards
Design Inspiration

Website awards for design, creativity and innovation

UI Movement
Design Inspiration

UI design inspiration

Mobbin
Design Inspiration

Latest mobile design patterns

Typography & Fonts

Font Libraries

Google Fonts
Font Libraries

Making the web more beautiful with free fonts

Adobe Fonts
Font Libraries

Unlimited fonts for print, web, and mobile

Font Squirrel
Font Libraries

Free fonts for commercial use

DaFont
Font Libraries

Archive of freely downloadable fonts

Font Tools

Fontjoy
Font Tools

Generate font pairings in one click

Type Scale
Font Tools

Create stunning typography, generate CSS, and find inspiration

Modular Scale
Font Tools

Calculate, visualize, and learn about modular scales

Development Tools

Resource Finder

OpenAlternative
Resource Finder

Find open source alternatives to popular software

Code Editor

VS Code
Code Editor

Lightweight but powerful source code editor

WebStorm
Code Editor

Smart IDE for JavaScript and related technologies

Code Editors

Sublime Text
Code Editors

A sophisticated text editor for code, markup and prose

Vim
Code Editors

The ubiquitous text editor

Browser Tools

Chrome DevTools
Browser Tools

Set of web developer tools built directly into Chrome

Firefox Developer Tools
Browser Tools

Examine, edit, and debug HTML, CSS, and JavaScript

React Developer Tools
Browser Tools

Browser extension for debugging React

Vue.js devtools
Browser Tools

Browser devtools extension for debugging Vue.js applications

API Tools

Postman
API Tools

API platform for building and using APIs

Insomnia
API Tools

Design and test APIs

Thunder Client
API Tools

Lightweight Rest API Client for VS Code

Hoppscotch
API Tools

Open source API development ecosystem

Package Managers

npm
Package Managers

Package manager for JavaScript

Yarn
Package Managers

Fast, reliable, and secure dependency management

pnpm
Package Managers

Fast, disk space efficient package manager

Build Tools

Webpack
Build Tools

Static module bundler for modern JavaScript applications

Vite
Build Tools

Next generation frontend tooling

Parcel
Build Tools

The zero configuration build tool for the web

Rollup
Build Tools

Next-generation ES module bundler

esbuild
Build Tools

An extremely fast JavaScript bundler

Learning Resources

Documentation

MDN Web Docs
Documentation

Resources for developers, by developers

Tutorials

W3Schools
Tutorials

The world's largest web developer site

freeCodeCamp
Tutorials

Learn to code for free

Codecademy
Tutorials

Learn the technical skills to get the job you want

The Odin Project
Tutorials

Your career in web development starts here

JavaScript.info
Tutorials

The Modern JavaScript Tutorial

CSS-Tricks
Tutorials

Tips, tricks, and techniques on using CSS

Deployment & Hosting

Static Hosting

Vercel
Static Hosting

Deploy web projects with zero configuration

Netlify
Static Hosting

Build, deploy, and manage modern web projects

GitHub Pages
Static Hosting

Websites for you and your projects

Surge
Static Hosting

Static web publishing for Front-End Developers

Firebase Hosting
Static Hosting

Fast and secure web hosting