web
Playwright enables reliable end-to-end testing for modern web apps.
Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable and fast.
Related contents:
A rich text editor for everyday writing.
Compose beautifully formatted text in your web application. Trix is an editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.
browser-side require() the node.js way.
Browserify lets you require('modules') in the browser by bundling up all of your dependencies. Use a node-style require() to organize your browser code and load modules installed by npm.
browserify will recursively analyze all the require() calls in your app in order to build a bundle you can serve up to the browser in a single <script> tag.
Go Web Framework. A flexible web framework for the Go language. A high productivity, full-stack web framework for the Go language.
From the basics to advanced topics with simple, but detailed explanations.
esm.sh is a modern CDN that allows you to import es6 modules from a URL.
A fast, smart, & global CDN for modern(es2015+) web development.
The Hitchhiker’s Guide to the Planet Drupal.
Speed up the Drupal evaluation and onboarding process with selected documentation and most used Drupal projects.
Your content driven static site generator.
Cecil is a CLI application that merges plain text files (written in Markdown), images and Twig templates to generate a static website.
Find used fonts on any website with Fonty.io.
Enter a website URL and our tool will analyze the fonts used on the site and display them for you to view. This can be useful for web designers and developers looking to learn more about the typography used on a specific website.
OpenBullet is a webtesting suite that allows to perform requests towards a target webapp and offers a lot of tools to work with the results. This software can be used for scraping and parsing data, automated pentesting, unit testing through selenium and much more.
The all-in-one monitoring tool for your entire website.
Downtime happens, certificates expire and links break. Ensure your website is blazing fast, error free and properly indexed without the hassle of multiple tools.
All-in-one website OSINT tool for analysing any website. Comprehensive, on-demand open source intelligence for any website.
Get an insight into the inner-workings of a given website: uncover potential attack vectors, analyse server architecture, view security configurations, and learn what technologies a site is using.
Currently the dashboard will show: IP info, SSL chain, DNS records, cookies, headers, domain info, search crawl rules, page map, server location, redirect ledger, open ports, traceroute, DNS security extensions, site performance, trackers, associated hostnames, carbon footprint. Stay tuned, as I'll add more soon!
h5ai is a modern file indexer for HTTP web servers with focus on your files. Directories are displayed in a appealing way and browsing them is enhanced by different views, a breadcrumb and a tree overview. Initially h5ai was an acronym for HTML5 Apache Index but now it supports other web servers too.
Open-source low-code web application framework. Create full websites writing only simple database queries.
SQLpage is an SQL-only webapp builder. It is meant for data scientists, analysts, and business intelligence teams to build powerful data-centric applications quickly, without worrying about any of the traditional web programming languages and concepts.
With SQLPage, you write simple .sql files containing queries to your database to select, group, update, insert, and delete your data, and you get good-looking clean webpages displaying your data as text, lists, grids, plots, and forms.
Simple and configurable command-line HTTP server
What is humans.txt?
It's an initiative for knowing the people behind a website. It's a TXT file that contains information about the different people who have contributed to building the website.
Make any app. Run it everywhere. Build one project that runs natively on all your users' devices.
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
Related contents:
Fast, simple, scalable, Docker-ready HTTP microservice for high-level image processing.
Fast HTTP microservice written in Go for high-level image processing backed by bimg and libvips. imaginary can be used as private or public HTTP service for massive image processing with first-class support for Docker & Fly.io. It's almost dependency-free and only uses net/http native package without additional abstractions for better performance.
Fully styled and customizable components for Nuxt.
JavaScript Web Testing and Component Testing Framework. Test. Automate. Accelerate.
With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.
Daux.io is a documentation generator that uses a simple folder structure and Markdown files to create custom documentation on the fly. It helps you create great looking documentation in a developer friendly way.
Scribouilli est un outil développé par un groupe d’ami·es pour aider les personnes qui veulent “juste créer un petit site” pour leur association (ou leur activité professionnelle ou ce qu’iels veulent !).
The Intuitive Vue Framework. Build your next Vue.js application with confidence using Nuxt. An open source framework making web development simple and powerful.
The Fullstack Framework in Deno. Aleph.js gives you the best developer experience for building web applications.
The next-gen web framework.
Fresh is a next generation web framework, built for speed, reliability, and simplicity.
Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel.
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. This makes for fast first-load pages, keeps template rendering on the server, and allows for a simpler, more productive development experience in any programming language, without sacrificing any of the speed or responsiveness associated with a traditional single-page application.
Browser game that help learning to type à la Guitar Hero
A superset of PHP with extended syntax and runtime capabilities.
PXP (PXP: Extended Preprocessor) is a collection of tools and libraries that aim to make working with the PHP programming language more enjoyable and productive.
A suite of high-performance tools for PHP developers – includes a code formatter, static analyser, language server and superset language.
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind. refine @ GitHub.
Capture website screenshots. Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.
Web Skills is a visual overview of useful skills to learn as a web developer. It is useful for people who just started learning about web development and for people who have been in the field for years and want to learn new things. As a beginner, I would encourage you not to see this website as the definitive list of what you need to know but as an example of what you can learn and where you can start. The skills are arranged in chronological order based on what learning path I recommend you to take but feel free to jump around freely.
Building protocols for the future of the Internet Cloud native stacks won't deliver the future. We're building the identity, data & compute primitives that enable true local-first edge applications. But we don’t get to the future alone. Our edge computing stack is already embedded into leading protocols, platforms and products.
ALL stack describes applications with a preference for the following components:
- Tailwind
- Alpine
- Laravel
- Livewire
A framework for ambitious web developers. Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.
WebOSINT is a Python script to gather (passive) domain intelligence.
PluXml, Moteur de Blog et CMS à l'XML sans base de données. Créez un site web performant en toute simplicité et sans base de données.
The React Framework.
Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.
Related contents:
- next.js: an honest review @ beeps.
- Authorization in Next.js @ rw;eruch.
- You should know this before choosing Next.js @ Build Times.
- Deploying a Next.js App to Production in any server @ SayBackend 📦.
- Next.js vs TanStack @ Kyle Gill.
- Guide to fast websites with Next.js: Tips for maximizing server speeds and minimizing client burden @ Vercel.
- Pourquoi je n'aime pas Next.js @ Grafikart :fr:.
- Use Async Local Storage to prevent props drilling in Next.js Route handlers @ nico.fyi.
- Next.js 15.1+ is unusable outside of Vercel @ Omar Abid.
- How to take screenshots of your statically exported Next.js site in GitHub Actions workflow @ nico.fyi.
- Next.js Promise Racing @ Playful Programming.
- You should know this before choosing Next.js @ Build Times.
- Adding .md URLs for Raw Markdown Content in Next.js @ Ben Gubler.
- Next.js migration @ LLM Gateway.
- The Complete Guide to Self-Hosting Next.js at Scale @ David Höck.
- Next.js Is Infuriating @ Dominik's Blog.
- One Year with Next.js App Router — Why We're Moving On @ paper clover.
finds publicly known security vulnerabilities in a website's frontend JavaScript libraries
Easy web analytics. No tracking of personal data. GoatCounter is an open source web analytics platform available as a (free) hosted service or self-hosted app. It aims to offer easy to use and meaningful privacy-friendly web analytics as an alternative to Google Analytics or Matomo.
The frontend boilerplate with superpowers.
A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates ready-to-develop projects for React and Next.js and refine.
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
The Prime Cross Site Request Forgery (CSRF) Audit and Exploitation Toolkit. XSRFProbe is an advanced Cross Site Request Forgery (CSRF/XSRF) Audit and Exploitation Toolkit. Equipped with a powerful crawling engine and numerous systematic checks, it is able to detect most cases of CSRF vulnerabilities, their related bypasses and futher generate (maliciously) exploitable proof of concepts with each found vulnerability. For more info on how XSRFProbe works, see XSRFProbe Internals on wiki.
Cross platform game engine. The ultimate game engine for web and mobile.
Defold is a completely free to use game engine for development of desktop, mobile and web games.
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
AdminLTE Bootstrap Admin Dashboard Template
Best open source admin dashboard & control panel theme. Built on top of Bootstrap, AdminLTE provides a range of responsive, reusable, and commonly used components.
Build smaller, faster, and more secure desktop applications with a web frontend. Build an optimized, secure, and frontend-independent application for multi-platform deployment.
Free & Premium Bootstrap 5 Admin Template. AdminKit is a developer friendly, highly customizable & free Bootstrap 5 admin template, featuring hundreds of UI components, forms, tables, charts and icons.
A forward-thinking library of web components.
A collection of professionally designed, every day UI components built on Web standards. Works with all framework as well as regular HTML/CSS/JS. 🥾
Turn any websites into desktop apps, explore thousands of exclusive apps for Mac and PC, organize apps with spaces, switch between multiple accounts, and work more productively with WebCatalog.
Cybernetically enhanced web apps.
Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript. It’s a love letter to web development.
Related contents:
A curated list of web development resources to help you build high quality websites faster
Next Generation Frontend Tooling
Get ready for a development environment that can finally catch up with you.
The Open Source next-generation Web Editor based on the rendering engine of Firefox
This document describes the XML schema for the Sitemap protocol.
The Sitemap protocol format consists of XML tags. All data values in a Sitemap must be entity-escaped. The file itself must be UTF-8 encoded.
Real-time APIs Made Easy.
Mercure is an open protocol for real-time communications designed to be fast, reliable and battery-efficient. It is a modern and convenient replacement for both the Websocket API and the higher-level libraries and services relying on it.
Mercure is a protocol for pushing data updates to web browsers and other HTTP clients in a convenient, fast, reliable, and battery-efficient way. It is especially useful to publish async and real-time updates of resources served through web APIs, to reactive web and mobile apps.
Open source Node.js Headless CMS 🚀 Design APIs fast, manage content easily. Strapi is the leading open-source headless CMS. It’s 100% JavaScript, fully customizable and developer-first.
Related contents: