Have you ever wanted to build something but you had no idea what to do? Just as authors sometimes have "writers block" it's also true for developers. This list is intended to solve this issue once and for all!
All your photos in one folder. PhotoFolder takes advantage of open formats to give the features of Google/Apple Photos without the lock-in.
Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Learn to design better UI with practical visual examples & in-depth landing page teardowns.
The Green Web Directory is a list of verified green hosting providers by country.
Write down a command-line to see the help text that matches each argument.
Rclone is a command-line program to manage files on cloud storage. It is a feature-rich alternative to cloud vendors' web storage interfaces. Over 70 cloud storage products support rclone including S3 object stores, business & consumer file storage services, as well as standard transfer protocols.
This repository lists a maximum of conference dates to help conference organizers.
Download, Customize, Edit and Personalize. Over 180k+ open source icons. Choose from a variety of formats for icon downloads, including SVG, PNG, WEBP, JSX, VUE, BASE64, URLs, CSS snippets, and HTML image tags.
Quiet is more like Slack or Discord than Signal. Create your private space and invite people to join, with channels for different kinds of conversation. A mockup of Quiet desktop app pointing out community, channels and chat sections
Upscayl uses AI models to enhance your images by guessing what the details could be. It uses Real-ESRGAN to achieve this.
Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter.
A book on how to build Hypermedia-Driven Applications using htmx & more.
Handcrafted recipes to get you started with everything UX — user research, design, usability testing, and more. We're always cooking up new recipes, so check back frequently!
Open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free for both personal and commercial use.
The most advanced Mastodon client for the most demanding users. Create a real-time, customizable Mastodon experience the way you like it.
An extremely fast CSS parser, transformer, bundler, and minifier.
Primo is a visual CMS that makes it a blast to build pages, manage content, and edit code - one block at a time.
Test drive Linux distros online in your browser.
NativePHP is a new way to build native applications, using the tools you already know.
Minimal Framework for Static Websites. HTML, Markdown, JSX and TSX Components, JSON Data, YAML Front Matter.
An open source virtual hand-drawn style whiteboard. Collaborative and end-to-end encrypted.
Smaller images mean faster load times. Squoosh can reduce file size and maintain high quality.
Run open-source LLMs on your MacOS or Windows computer. Works offline. Zero configuration.
Vosk is a speech recognition Python toolkit you can use to generate subtitles from an audio file.
Share, Discover & Use the best ChatGPT prompts on the internet. Prompto is here to turn you into a ChatGPT superhero.
Your online audio toolkit. A collection of easy-to-use web tools for all your audio files.
Rapidly build efficient sites with Neat, the minimalist css framework.
Keyv is a simple key-value storage with support for multiple backend adapters (MySQL, PostgreSQL, SQLite, Redis, Mongo, DynamoDB, Firestore, Memcached, and more).
RegexGPT is a tool that lets people generate regex patterns by inputting an example of the text they would like to transform and another input for the expected result. There is also a natural language input that allows the user to explain the pattern they would like to match. The final input lets users select the programming language for the output.
Speeding up the JavaScript ecosystem, one library at a time.
Unlock the full potential of your website by embracing web accessibility! Our comprehensive guide will walk you through the key principles and best practices to create an inclusive online experience for everyone. From understanding the importance of accessibility to implementing practical solutions, we'll empower you to transform your website into a welcoming digital space for users of all abilities.
Gut is a user-friendly Git CLI for Windows, Mac, and GNU/Linux. With intuitive commands and streamlined workflows, Gut simplifies the process of using Git's complex system, allowing you to focus on your code.
Organic Maps is a free Android & iOS offline maps app for travelers, tourists, hikers, and cyclists based on top of crowd-sourced OpenStreetMap data. It is a privacy-focused, open-source fork of Maps.me app (previously known as MapsWithMe), maintained by the same people who created MapsWithMe in 2011.
Reactivity without the Framework. A tiny ~2kb library for building reactive interfaces in native JavaScript.
Style Dictionary is a build system that allows you to define styles once, in a way for any platform or language to consume. A single place to create and edit your styles, and a single command exports these rules to all the places you need them - iOS, Android, CSS, JS, HTML, sketch files, style documentation, or anything you can think of. It is available as a CLI through npm, but can also be used like any normal node module if you want to extend its functionality.
Fluid responsive design. Elegantly scale type and space without breakpoints.
Create Tailwind CSS color families. Enter a hexcode and I will create a color family for you.
Aegis Authenticator is a free, secure and open source app for Android to manage your 2-step verification tokens for your online services.
Wagtail is the leading open-source Python CMS. It's fast, elegant, and designed to give everyone on your team the tools they need to manage content at enterprise scale.
Dev environments. In your web app. From interactive tutorials to full-blown IDEs, build instant, interactive coding experiences backed by WebContainers: the trusted, browser-based runtime from StackBlitz.
Effortless automation built for developers. Trigger workflows from APIs, on a schedule, or on demand. API calls are easy with authentication handled for you. Add durable delays that survive server restarts.
The elegant TALLkit for Laravel artisans. Filament is a collection of tools for rapidly building beautiful TALL stack apps, designed for humans.
PhotoPrism is an AI-Powered Photos App for the Decentralized Web. It makes use of the latest technologies to tag and find pictures automatically without getting in your way. You can run it at home, on a private server, or in the cloud.
A JavaScript library for creating interactive procedural 2D and 3D shaders.
You may have already heard of CSS logical properties or RTL adaptations but are still deciding whether to deploy them widely. To help raise your awareness of their possibilities, Nicolas Hoffmann shares his experience of how he and his team at Proton carried out a massive move from CSS logical props to production and how you can consider them from a different perspective in your very own projects.
Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 450+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
A nimble Mastodon web client, a native version is also available.
The open-source, self-hostable to-do app.
Organize everything, on all platforms.
Lyra is an immutable, runtime-agnostic, edge, and in-memory full-text search engine that works both on client and server.
The framework mixing fully customizable components & utility-first classes, leaving the design choice to the developer.
AdminJS is an Open-Source auto-generated admin panel for your Node.js application that allows you to manage all your data in one place.
FutureCoder is a free and open-source platform and course for complete beginners to teach themselves programming in Python.
roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings.
Verve is a lightweight and blazingly fast launcher for accessing and opening applications, files and documents.
Auth.js is a complete open-source authentication solution for Next.js applications. It is designed from the ground up to support Next.js and Serverless. Open Source. Full Stack. Own Your Data.
A lightweight, simple, fast, feature-filled, and extremely extensible text editor written in C, and Lua, adapted from lite.
Dioxus is a user interfaces that run anywhere. Written in Rust, inspired by React.
Stylify CSS is a library that uses CSS-like selectors to generate optimized Utility-First CSS dynamically based on what you write. It also allows you to define components, variables and global selectors.
Open Source backend for your next SaaS and Mobile app in 1 file.
Your Home Cloud OS. Community-based open source software focused on delivering simple home cloud experience around Docker ecosystem.
Soon enough in your career as a web developer, you encounter the situation where a designer hands over a wonderful web design in all its large-screen glory. Your mission now is to transform it into code to present a prototype as soon as possible, starting with nothing but an empty text file.
Open Source, end-to-end encrypted, easy-to-use tool that lets you securely sync secrets and environment variables across your team and infrastructure.
A Virtual CSS language with enhanced syntax. Efficiently build your UI and design system with HTML only.
A modern diagram scripting language that turns text to diagrams.
From the creator of brew, tea is a standalone, binary download for all platforms that puts the entire open source ecosystem at your fingertips.
Learn how to create hexagonal grids with lot of functionnalities for games
Marten is a Crystal Web framework that enables pragmatic development and rapid prototyping. It provides a consistent and extensible set of tools that developers can leverage to build web applications without reinventing the wheel.
Replicache is a JavaScript framework for building high-performance, offline-capable, collaborative web apps.
Lucia is a simple yet flexible user and session management library that provides an abstraction layer between your app and your database. It's bare-bones by design, keeping everything easy to use and understand. Lucia is the authentication solution that works with you and your app.
Stapy is a Static Site Generator. It works with Python on any operating system without additional packages.
Open source virtual / remote desktop infrastructure for everyone! A remote desktop software, the open source TeamViewer alternative, works out of the box, no configuration required. You have full control of your data, with no concerns about security. You can use our public rendezvous/relay server, or self-hosting, or write your own server.
Couscous turns Markdown documentation into beautiful static websites. It's GitHub Pages on steroids.
Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.
Nim is a statically typed compiled systems programming language. It combines successful concepts from mature languages like Python, Ada and Modula.
Cross plateform free design software that keeps your flow with AI tools and built-in graphics.
FreshRSS is a self-hosted RSS and Atom feed aggregator. It is lightweight, easy to work with, powerful, and customizable.
Google-Searchable and community focused Slack alternative. Linen is built for community support. Linen is designed to be familiar to existing communities while giving all the benefits of a forum.
Codeberg is a collaboration platform and Git hosting for Free and Open Source Software, content and projects.
FrankenPHP is a modern application server for PHP built on top of the Caddy web server. FrankenPHP gives superpowers to your PHP apps thanks to its stunning features: Early Hints, worker mode, real-time capabilities, automatic HTTPS, HTTP/2 and HTTP/3 support...
Share and accept documents securely. SecureDrop is an open source whistleblower submission system that media organizations and NGOs can install to securely accept documents from anonymous sources. SecureDrop is available in 21 languages.
Carefully crafted, easy to customize, fully responsive UI Components, Templates and Tools for your Tailwind CSS based projects.
Your calm, digital environment to work, study, relax. Hit play and get into the zone instantly. Would you rather get it done in the cafe, or escape to the beach. Lofi gives you both.
Build with hosting for free. Yax.com is the do-it-yourself alternative to commercial site builders like Wix.
Palpatine is a minimal static site generator (SSG) built with C++. It is a command line tool that takes a directory of raw data (.txt files and markdown) and generates a static website. It is designed to be fast, simple and easy to use.
Enhance is a web standards-based HTML framework. It’s designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.
Easily convert files (.xlsx, .xls, .csv, .txt, .xml, and .json) into SQL databases.
APIs for a vibrant decentralized future. The Graph is an indexing protocol for querying networks like Ethereum and IPFS. Anyone can build and publish open APIs, called subgraphs, making data easily accessible.
Minimal CSS Framework for semantic HTML. Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled.
Crawlee is a web scraping and browser automation library. It helps you build reliable crawlers. Fast.
Develop components in isolation. Whyframe gives iframes superpowers,
making it easy to render anything in isolation.
AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe. Save time and have complete control over how your elements move. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
Build blazing fast, scalable Jamstack websites with TezJS, the performance revolution in website development and ranking space. TezJS is built on combining the cutting-edge Vue.js framework with the next-gen frontend tool, Vite, to create an amazing developer experience with less configuration.
Breaking the Frontend Monolith! Piral is a framework for next generation portal applications. It allows you to build web apps that follow the microfrontends architecture in basically no time. Piral lets you use your standard tooling to be as efficient as possible.
The only favicon generator you need for your next project. Quickly generate your favicon from text, image, or choose from hundreds of emojis.
Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel.
Instant serverless GraphQL backends. Grafbase provides the best developer experience to deploy GraphQL APIs.
SurrealDB is an innovative NewSQL cloud database, suitable for serverless applications, jamstack applications, single-page applications, and traditional applications.
Postal is a complete and fully featured mail server for use by websites & web servers. Think Sendgrid, Mailgun or Postmark but open source and ready for you to run on your own servers.
Knowledge Management. Redefined. Lightning fast. Open source. Built to scale.
Handshake is a decentralized, permissionless naming protocol where every peer is validating and in charge of managing the root DNS naming zone with the goal of creating an alternative to existing Certificate Authorities and naming systems.
Agit CMS is a multi-platform desktop application built on top of Electron, which works as a frontend interface for any static site generator, like Hugo and Jekyll. You need to have a ready-to-run static sites on your local computer, as Agit CMS works as a frontend interface for it.
Introduction to CSS logical functions calc(), clamp(), min() and max().
Build static sites with interactive islands.With Capri you can build a static website as if it was a single page app.
JSON sucks. But JSONHero making it better. Stop staring at thousand line JSON files in your editor and start staring at thousand line JSON files in your browser. With a few nice features to help make it not the worst.
Learning to code shouldn’t be hard. We’re making it easier by putting together a comprehensive set of web development tutorials to help transform complete beginners into talented Interneting professionals.
roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings.
An easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the Web and what the contributors consider to be best practices at the present time.
Histoire is a new way to write stories for your components.
Fresh is a next generation web framework, built for speed, reliability and simplicity.
Kint for PHP is a tool designed to present your debugging data in the absolutely best way possible.
Commands.dev is a searchable, templated catalog of popular terminal commands curated from across the internet.
Vidstack is a video framework that makes it easy to build and integrate awesome media experiences into modern web apps.
Sustainable web design is an approach to designing web services that puts people and planet first. It delivers digital products and services that respect the principles of the Sustainable Web Manifesto: clean, efficient, open, honest, regenerative, and resilient.
This post show us how to use the new CSS selector :where() :is() :has() to make our life easier.
Reduce the file size of your images by smartly compressing & reducing dimensions, and download the compressed images for free.
A great post on the evolution of web development from website to web application.
SvelteStorm is a Svelte IDE with built-in browser window which allows developers to easily view their application without having to switch to a separate window. Its state visualizer provides a clear and concise layout for developers to view and edit their state.
Simple, fast, safe, compiled. For developing maintainable software. Despite being simple, V gives a lot of power to the developer and can be used in pretty much every field, including systems programming, webdev, gamedev, GUI, mobile, science, embedded, tooling, etc. V is very similar to Go. If you know Go, you already know ≈80% of V.
A powerful open source framework to build internal tools. Quickly build any custom business software with pre-built UI widgets that connect to any data source. Control everything with JavaScript.
Markdoc is a powerful, flexible, Markdown-based authoring framework. From personal blogs to massive documentation sites, Markdoc is a content authoring system that grows with you.
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your Svelte applications.
12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics.
HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more.
Svelte Headless UI is an unofficial, complete Svelte port of the Headless UI component library.
An advanced easy search query builder built with Svelte/Sveltekit.
Pixel Art Together is a free multiplayer pixel art editor powered by Liveblocks.
This free video course show you from A to z how to build and deploy a modern SaaS application using the most popular open-source software.
Shiki is a beautiful Syntax Highlighter. It uses TextMate grammar to tokenize strings, and colors the tokens with VS Code themes. In short, Shiki generates HTML that looks exactly like your code in VS Code, and it works great in your static website generator.
A blazing fast, lightweight, and open source comment system for your static website, blogs powered by Supabase.
KitDocs makes it easy to build a documentation site with SvelteKit.
A specification for adding human and machine readable meaning to commit messages.
A Framework for JAMStack Websites Powered by TypeScript. FactorJS is a JamStack oriented TypeScript framework with auth, routing, and more...
The open-source core of Pinry, a tiling image board system for people who want to save, tag, and share images, videos and webpages in an easy to skim through format.
Learn Regex step by step, from zero to advanced. Learning Regex is easier than you think. You can use this tool to easily learn, practice, test and share Regex.
The fastest way to build serverless apps. Launch now with AWS, Google Cloud, Azure and more.
Fast, modern, and practical utility library for Functional Programming in TypeScript.
Fully-replicated database with no pain and little cost.
Medusa is an open source alternative to Shopify. It provides most of the same standard features that Shopify's backend gives out of the box (e.g. E2E order handling, easy-to-use admin interface etc.) but we are more heavily focused on developers giving them the right APIs to customize and extend the setup to their need.
Alexander Kondov has written an awesome post on how to deal with a Node application : Design, Architecture & Best Practices. A must read !
One stylesheet…all the frameworks! UI components that work in React, Vue 3, and Svelte!
A modern open source code editor in Rust. Lightning-fast and Powerful. Quick from launch to every keystroke, and batteries included.
Make your player yours with the world's most popular open source HTML5 player framework.
A Declarative Framework for Rapid Construction of Web-based Visualization.
Complete, flexible, extensible and easy to use page transition library for your static web.
Cascading binding sheets. Reactive UI without the complexity of SPA frameworks. Use any backend you like; bind to the HTML you already produced.
Front Matter is a CMS that runs within Visual Studio Code. It gives you the power and control of a full-blown CMS while also providing you the flexibility and speed of the static site generator of your choice. Jump right into editing and creating content with Front Matter and be able to preview it straight in VS Code.
ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.
Find themes and resources for Svelte/Sveltekit.
Turns your website into a PWA: progressive web app. This plugin turns your project into a PWA (progressive web app) for Kirby 3.
The adaptive interface system for modern web experiences. Interfaces built with FAST adapt to your design system and can be used with any modern UI Framework by leveraging industry standard Web Components.
Hue Tools is an open source toolbox for colors developed in Svelte/Sveltekit.
Tonic is a component framework that takes this minimal yet elegant approach and works perfectly with Jamstack, as it doesn’t use virtual DOM and is server-side rendered by default. It’s based on web components and can be used out of the box without a build tool.
Everything you need to accept Stripe payments with your Svelte projects. SvelteKit is fully supported.
A friendly programming language from the future. Unison is an open source functional programming language based on a simple idea with big implications: code is content-addressed and immutable.
Sveltin is a CLI created to boost the developers productivity working on SvelteKit powered static websites.
Single-file PHP app that can be dropped into any folder, instantly creating a gallery of files and folders.
Vitebook is a fast and lightweight alternative to Storybook that's powered by Vite.
Build full-stack and completely reactive user interfaces with PHP.
A powerful new protocol for developers. Build and use interactive blocks connected to the world of structured data. An open standard for building and using data-driven blocks.
The next generation web framework for Cloudflare Workers
Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.
All developer news in one place. Get a feed of the hottest developer news. Read more quality articles. Stay up to date. Save time.
A modern, open-source headless commerce framework built with TypeScript & Nodejs.
A second brain, for you, forever. Obsidian is a powerful knowledge base on top of a local folder of plain text Markdown files.
Next generation block styled editor. Free. Use for pleasure.
Self-hosted, Node.js based analytics tool for those who care about privacy. Ackee runs on your own server, analyzes the traffic of your websites and provides useful statistics in a minimal interface.
Simple.css is a classless CSS framework that makes semantic HTML look good, really quickly. By classless it means that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.
Qwik is designed for the fastest possible page load time, by deliving pure HTML with near 0 javascript for your pages to become interactive, regardless of how complex your site or app is. It achieves this via resumability of HTML and ultra fine-grained lazy-loading of code.
Code, create, and learn together. Use our free, collaborative, in-browser IDE to code in 50 languages without spending a second on setup.
The Full-Stack addition to SvelteKit. Write your server code inside .svelte files, handle sessions, forms and SEO easily. Svemix is Remix for Svelte providing server scripts inside your Svelte components/routes, which will be transformed into endpoints.
Knex.js is a "batteries included" SQL query builder for PostgreSQL, CockroachDB, MSSQL, MySQL, MariaDB, SQLite3, Oracle, and Amazon Redshift designed to be flexible, portable, and fun to use. It features both traditional node style callbacks as well as a promise interface for cleaner async flow control, a stream interface, full-featured query and schema builders, transaction support (with savepoints), connection pooling and standardized responses between different query clients and dialects.
Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or JavaScript.
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
The instant on-demand Atomic CSS engine. UnoCSS is an engine instead of a framework because there are no core utilities - all the functionalities are provided via presets or inline configurations. We are imagining UnoCSS being able to simulate the functionalities of most of the existing atomic CSS frameworks. And possibly have been used as the engine to create some new atomic CSS frameworks!
An end-to-end-encrypted contact will allow communications to stay between a user and you. Email or backend service providers would not understand the message but can still record meta data. This solution is ideal for handling sensitive communications.
Jellyfin is the volunteer-built media solution that puts you in control of your media. Stream to any device from your own server, with no strings attached. Your media, your server, your way.
Splide is a flexible and lightweight (26kB) slider written in TypeScript. It helps you to create various kinds of sliders by just changing options, such as multiple slides, thumbnails, nested sliders, vertical direction and more. Besides, you can enhance default features by using APIs or building extensions.
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
Pollen is a library of CSS variables for rapid prototyping, consistent styling, and as a zero-runtime utility-first foundation for your own design systems. Heavily inspired by TailwindCSS.
jlottie is a Lottie player written in javascript with an aim to have the smallest possible file size. jlottie is suitable as a general purpose lottie player, though implements a subset of the features in the core player - this approach leads to a tiny footprint and great performance.
Azimutt allows you to explore your schema: search for relevant tables, follow the relations, hide less interesting columns and even find the paths between tables
Free Components libraryfor utility first CSS frameworks.
Commentator is a simple application which provide all you need to have a powerful commenting system on your blogs or websites.
It’s usually necessary to store user data server side in a database or similar repository. This guarantees persistence and ensures users can access their data from any web-connected browser (presuming your storage system is reliable, of course!) But sometime, storing data in the browser could become a more viable option. Post by Craig Buckler.
Slinkity is a plugin that can extend any 11ty site. Unlocks component frameworks (React, Vue, and Svelte) for writing page templates and layout templates. Includes powerful shortcodes to insert components into existing pages. Hydrates these component-driven pages on the client. (Optionally) Turns your site into a single page app.
In a recent front-end project, one of the components included an interesting cut-out effect. There are multiple ways to do such an effect in CSS or SVG, but each way has its pros and cons. I thought about exploring the solutions for this challenge and share them with you. By Ahmad Shadeed
You can create a Total.js server-side application with the help of Total.js AppBuilder. It's effortless and very comfortable. A significant advantage is a design architecture overview and reusing the design or its parts between different projects.
Ferdi is a messaging browser that allows you to combine your favorite messaging services into one application.
A curated list of tutorials. Better than that. A curated list of the finest free tutorials.
petite-vue is an alternative distribution of Vue optimized for progressive enhancement. It provides the same template syntax and reactivity mental model with standard Vue. However, it is specifically optimized for "sprinkling" small amount of interactions on an existing HTML page rendered by a server framework.
With modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some HTML and CSS tips and tricks, and I want to present these in this post. This list is not exhaustive, but these are tried and true patterns that I frequently use in different projects.
Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.
Collection of free HTML and CSS animation code examples. Update of June 2020 collection.
Tinyschool helps developers learn new skills, get mentorship, build real-world projects and find a job in top global teams for free.
Rome is a linter, compiler, bundler, and more for JavaScript, TypeScript, JSON, HTML, Markdown, and CSS.
Build faster websites with less client-side Javascript. Astro is a new kind of static site builder that delivers lightning-fast performance with a modern developer experience. With Astro you can build your site using React, Svelte, Vue, Preact, web components, or just plain html, JavaScript.
Web's fastest and most memory-flexible full-text search library with zero dependencies.
The Open Source Airtable Alternative. Turns any MySQL, PostgreSQL, SQL Server, SQLite & MariaDB into a smart-spreadsheet.
The easiest way to create a README file. Our simple editor allows you to quickly add and customize all the sections you need for your project's readme
MiniSearch is a tiny but powerful in-memory fulltext search engine written in JavaScript. It is respectful of resources, and it can comfortably run both in Node and in the browser.
Mkcert is a simple tool for making locally-trusted development certificates. It requires no configuration.
Tools to help diagnose and pinpoint Node.js performance issues.
Quire is a modern, multiformat publishing tool designed to create books as authoritative and enduring as print and as vibrant and feature-rich as the web from a single set of plain text files. All without paying a fee or setting up and maintaining a complicated server.
Godot provides a huge set of common tools, so you can just focus on making your game without reinventing the wheel. Godot is completely free and open-source under the very permissive MIT license. No strings attached, no royalties, nothing. Your game is yours, down to the last line of engine code.
Tauri is a toolkit that helps developers make applications for the major desktop platforms - using virtually any frontend framework in existence. The core is built with Rust and the CLI leverages Node.js making Tauri a genuinely polyglot approach to creating and maintaining great apps.
A Cybernetical compiler for svelte applications in deno. Snel is a tool/framework to compile .svelte component to javascript files to create web application using deno and svelte.
Sergey is a tiny lil’ static site generator. It’s a progressive tool designed to sit atop your already brilliant HTML. In essence, Sergey is HTML + partials with slots (named and default!) thrown in for good measure.
An open-source, hassle-free, self-hostable Heroku & Netlify alternative.
Next comment tool for your website. Open source, lightweight (4.7kb gzip), privacy-friendly alternative to Disqus.
A simple terminal UI for git commands, written in Go with the gocui library.
Windi CSS is the next generation Tailwind CSS compiler. If you are already familiar with Tailwind CSS, think about Windi CSS as an alternative to Tailwind, which provides faster load times, and supports all the features in Tailwind v2.0 and more.
Git Command Explorer allows you to find the right commands you need without digging through the web.
A simple base class for creating fast, lightweight web components
Deno Deploy is a distributed system that runs JavaScript, TypeScript, and WebAssembly at the edge, worldwide. The service deeply integrates the V8 JavaScript runtime with a high performance asynchronous web server to provide optimal performance without unnecessary intermediate abstractions.
A list of tutorials to build your own ... X. "What you cannot create, I do not understand" - Richard Feynman
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.
In this post the author will outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
10 Modern CSS layout and sizing techniques that highlight just how robust and impactful a single-line of styling code can be.
Explore, search and find the best fitting icons or vectors for your projects using wide variety vector library. Download free SVG Vectors for commercial use.
Build performant, native, cross-platform desktop apps with Svelte.
Agorakit is web-based, open source groupware for collectives. By creating collaborative groups, people can discuss topics, organize events, store files and keep everyone updated as needed. Agorakit is a forum, calendar, file manager, mapping tool and email notifier.
Looking for the perfect illustration? Discover the CocoMaterial, the Open Source hand-drawn illustration library.
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG). For all and empowered by the community.
Terminal over HTTP and https. WeTTy is an alternative to ajaxterm and anyterm but much better than them because WeTTy uses xterm.js which is a full fledged implementation of terminal emulation written entirely in JavaScript. WeTTy uses websockets rather then Ajax and hence better response time.
Open source tool to monitor your servers and websites. PHP Server Monitor is a script that checks whether your websites and servers are up and running. It comes with a web based user interface where you can manage your services and websites, and you can manage users for each server with a mobile number and email address.
Lychee is a free photo-management tool, which runs on your server or web-space. Installing is a matter of seconds. Upload, manage and share photos like from a native application. Lychee comes with everything you need and all your photos are stored securely.
Castopod is an open-source hosting platform made for podcasters who want engage and interact with their audience.
Create your own Website or Blog in seconds. Simple, Fast, Secure, Flat-File CMS.
Node-RED is a programming tool for wiring together hardware devices, APIs and online services in new and interesting ways. It provides a browser-based editor that makes it easy to wire together flows using the wide range of nodes in the palette that can be deployed to its runtime in a single-click.
AllTube Download is a web page which allows you to copy an URL of your video (YouTube, Dailymotion, etc.) and get a mp4 file. This web application is based on Youtube-dl. If you prefer a CLI, install Youtube-dl on your computer.
SVGwaves is a CSS / SVG generator waves and allow you to draw waves in your browser.
Stripe’s extension for Visual Studio Code makes it easy to generate sample code, view API request logs, forward events to your application, and use Stripe within your editor.
Launch an amazing storefront on top of your existing e-commerce platform. Crown is a JAMstack e-commerce framework build on top of Svelte and Sveltkit.
Simple HTML form for your website. Integrate HTML forms easily without any server side code. After user submits the form we'll send you content of the form to your registered email.
A simple, flexible and powerful ecosystem for creating beautiful documentation.
ReScript is the language for folks who don't necessarily love JavaScript, but who still acknowledge its importance. ReScript looks like JavaScript, works like JavaScript, works with JavaScript, and compiles to the highest quality of clean, readable and performant JavaScript, directly runnable in the browser and Node.js.
Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you can design works for print (eg. books) using HTML and CSS!
Next Generation Frontend Tooling. Vite (French word for "fast", pronounced /vit/) is a new breed of frontend build tool that significantly improves the frontend development experience.
Refactoring.Guru makes it easy for you to discover everything you need to know about refactoring, design patterns, SOLID principles, and other smart programming topics.
An open source platform for building a writing space on the web.
Zola is a static site generator (SSG), similar to Hugo, Pelican, and Jekyll. It is written in Rust and uses the Tera template engine, which is similar to Jinja2, Django templates, Liquid, and Twig. Content is written in CommonMark, a strongly defined, highly compatible specification of Markdown.
An Express-inspired web framework written in Go. Fiber is a Go web framework built on top of Fasthttp, the fastest HTTP engine for Go. It's designed to ease things up for fast development with zero memory allocation and performance in mind.
CodeSwing is a VSCode extension and an interactive coding environment for building web applications. CodePen in your VSCode editor!
Agile Content Management with JSON & Git. FrontAid CMS is a decoupled and Git-based content management system. Content is stored in your own Git repository in the JSON text format. It works with all your current tools and you always own your data.
Snowpack v3.0 is here! This is the biggest release yet with brand new features including: Pre-bundled Streaming imports - Import any npm package, on-demand. Integrated build optimizations - Built-in bundling, preloading, minification, and more. JavaScript API - Integrate with Snowpack’s brand new native JS API. Node.js Runtime API - Import your Snowpack-built files directly into Node.js. Bug fixes, stability improvements, and a whole lot more!
A painless, self-hosted Git service. Easy to install, lightweight and Open Source.
Lunr enables you to provide a great search experience without the need for external, server-side, search services.
A collection of free single-purpose online tools for web developers.
A beautiful and large components kit for TailwindCSS 2.0. tailwind Kit gives you access to over 200 CSS responsive components, based on Tailwind CSS 2.0 and Font Awesome. It's all free and open-source.
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire.
A growing collection of more than 120 layout blocks and component buildt with Tailwind CSS V2 ready to copy paste on your Tailwind project.
Ready-to-use Tailwind CSS blocks. 15 different categories (ecommerce, blog, pricing and more...), responsive, dark/light mode, color variations.
A complete product analytics stack, to deploy on your infrastructure.
Free Javascript challenges. Learn Javascript online by solving coding exercises.
JavaScript image compressor. Uses the Browser's native canvas.toBlob API to do the compression work, which means it is lossy compression. General use this to precompress a client image file before upload it.
The open source Firebase alternative. Supabase adds realtime and RESTful APIs to your PostgreSQL database without a single line of code.
The unofficial Inertia.js server-side adapter WordPress plugin.
Thumbor is a smart imaging service. It enables on-demand crop, resizing and flipping of images.
Choose the Tailwind classes by checking the visual rendering.
The React Framework in Deno. Aleph.js gives you the best developer experience on building modern web application: TypeScript in Deno, ES module imports, file-system routing, SSR & SSG, HMR with Fast Refresh, and more. No config needed.
The tinro is highly declarative, very tiny (~4.5 Kb (1.9 Kb gzipped)), dependency free router for Svelte's web applications.
An Auto-generated Admin Panel for your Node.js Application
API-first eCommerce platform for developers & businesses. Take full control of your commerce. Build custom experiences on the frontend with our headless eCommerce backend.
Open color is an open-source color scheme. Optimized for UI like font, background, border, etc.
The Jamstack framework for Svelte. Write less code and develop static sites from any data source. Leverage Svelte and GraphQL for a seamless build.
A refreshing JavaScript Datepicker. Lightweight (less than 5kb minified and gzipped), no dependencies (but plays well with Moment.js), modular CSS classes for easy styling.
The open source extensible modeling environment supporting: UML, BPMN, ArchiMate, SysML, ...
The multi-repository documentation site generator for tech writers who writing in AsciiDoc.
A script that converts a WordPress export XML file into Markdown files suitable for a static site generator (Gatsby, Hugo, Jekyll, etc.).
The Stripe PHP library provides convenient access to the Stripe API from applications written in the PHP language.
Laravel admin aanel package from developers / for developers. You need to buy a licence.
Plenti is an open source Static Site Generator (SSG). The templates are based on Svelte, which is a javascript library for building reactive user interfaces.
Find the cost of adding a npm package to your bundle
Stellar makes it possible to create, send, and trade digital representations of all forms of money: dollars, pesos, bitcoin, pretty much anything. It’s designed so all the world’s financial systems can work together on a single network.
Put a lock on your cloud. With Cryptomator, the key to your data is in your hands. Cryptomator encrypts your data quickly and easily. Afterwards you upload them protected to your favorite cloud service.
Halfmoon is a front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Routes for Svelte, automated by your file structure. Routify offers a great developer experience to build the routes for your Svelte app.
Build Better Websites. Remix brings the best of modern web development without leaving behind the fundamental parts that make the web great. Deploy server rendered, code split, dynamic data-driven React apps to any cloud service provider. Experience unparalleled performance without the giant build times.
Elm-pages is a statically typed site generator written in Elm.
Plop is a little tool that saves you time and helps your team build new files with consistency. It generates code when you want, how you want, and can be changed whenever you want.
Application launcher for Linux with a lot of plugins to extends your launcher.
A collection of open source, professionally designed UI components built on a framework-agnostic technology.
Create your own database without technical experience. Our user friendly no-code tool gives you the powers of a developer without leaving your browser.
Duet Date Picker is an open source version of Duet Design System’s WCAG 2.1 compliant date picker. It can be implemented and used across any JavaScript framework or no framework at all.
Query. Explore. Share. Hue is an open source SQL Assistant for Databases & Data Warehouses.
Search for your favorite videos and channels on 526 PeerTube websites indexed by Sepia Search!
MongoDB client for the web. Query your data directly from your browser. You can host it locally, or anywhere else, for you and your team.
A simple and lightweight SQL client desktop/terminal with cross database and platform support.
Following the Ant Design specification, we developed a Vue UI library antd that contains a set of high quality components and demos for building rich, interactive user interfaces.
Simplest way to publish docs. Dimer generates a clean and beautiful documentation website from Markdown.
Etherpad is a highly customizable Open Source online editor providing collaborative editing in really real-time.
Grafana allows you to query, visualize, alert on and understand your metrics no matter where they are stored. Create, explore, and share dashboards with your team and foster a data driven culture.
Simple and elegant markdown editor focused on speed and usability.
Alpas is a batteries-included, yet a modular, web framework for Kotlin with a very strong focus on developers' productivity.
Dockle is a container image linter for security, helping build the best-practice Docker image, easy to start.
Umami is a simple, easy to use, self-hosted web analytics solution. The goal is to provide you with a friendlier, privacy-focused alternative to Google Analytics and a free, open-sourced alternative to paid solutions. Umami collects only the metrics you care about and everything fits on a single page.
Desktop and mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games.
A minimalistic JavaScript library for toast notifications. Responsive, A11Y, dependency-free. Tiny (~3KB). Easy integration with React, Angular and Vue.
Snowpack is a modern, lightweight toolchain for faster web development. Traditional JavaScript build tools like webpack and Parcel need to rebuild & rebundle entire chunks of your application every time you save a single file. This rebundling step introduces lag between hitting save on your changes and seeing them reflected in the browser. Snowpack serves your application unbundled during development. Every file only needs to be built once and then is cached forever. When a file changes, Snowpack rebuilds that single file. There’s no time wasted re-bundling every change, just instant updates in the browser
PM2 is a daemon process manager that will help you manage and keep your application online 24/7
Hyper is an Electron-based terminal built on HTML/CSS/JS and fully extensible. With Hyper, you can install themes and plugins from the command line. The goal of the project is to create a beautiful and extensible experience for command-line interface users, built on open web standards.
Sticky Sidebar is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto and compatible with Firefox, Chrome, Safari, and IE9+.
A simple, lightweight Javascript library for dynamic grid layouts.
lit-html is a simple, modern, safe, small and fast HTML templating library for JavaScript.
Konva.js is a HTML5 2d canvas js library for desktop and mobile applications.
A new funding model for open source software or, achieving the holy grail of one-click sponsorships.Written by Colin McDonnel.
rrul is a JavaScript library for working with recurrence rules for calendar dates.
The web's scaffolding tool for modern webapps. Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.
Minimal rsync deployment. Works great with traditional php projects. git-based deployment is also cool, but sometimes it’s nice to have them decoupled, to quickly deploy to staging during dev, for example.
DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.
A modest JavaScript framework for the HTML you already have. Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.
Axios has a great API that developers love. Redaxios provides that API in 800 bytes, using native fetch(). For those searching for ways to shave a few kilobytes off of their bundles, that's less than 1/5th of the size.
The Web Framework for Dashboards. Easily create a custom Headless CMS or interactive dashboard for your app.
Apple and Google have jointly created the ExposureNotification framework to help governments and public health authorities reduce the spread of COVID-19 through contact tracing, with user privacy and security core to the design. Public health authorities can use this framework to create apps that enable users to take measures to protect themselves and help others.
Free multi-platform database tool for developers, database administrators, analysts and all people who need to work with databases. Supports all popular databases: MySQL, PostgreSQL, SQLite, Oracle, DB2, SQL Server, Sybase, MS Access, Teradata, Firebird, Apache Hive, Phoenix, Presto, etc.
A List of Static Website Hosts for Jamstack Sites.
Super Expressive is a JavaScript library that allows you to build regular expressions in almost natural language - with no extra dependencies, and a lightweight code footprint (less than 3kb with minification + gzip!).
A real Linux distribution for phones and other mobile devices.
Zulip combines the immediacy of real-time chat with an email threading model. With Zulip, you can catch up on important conversations while ignoring irrelevant ones.
A series of mixes intended for listening while '+task+' to aid concentration and increase productivity (also compatible with other activities).
ProcessWire is a free content management system (CMS) and framework (CMF) built to save you time and work the way you do. With all custom fields, a secure foundation, proven scalability and performance, ProcessWire connects all of your content seamlessly, making your job fast, easy and fun.
Build high-performance VueJS user interfaces in record time. One source code for all platforms simultaneously through Quasar CLI with all the latest and greatest best practices out of the box. Focus only on your app's features and forget about the boilerplate around it.
A gorgeous, simple, tiny JavaScript package to add keyboard bindings into your application.
TOAST UI is a JavaScript UI library to make your web delicious. It's a free open source project.
Discover Forgotten Trends in Web Design. Web Design Museum exhibits over 1,600 carefully selected and sorted web sites that show web design trends between the years 1991 and 2006.
A new way to build web apps, that's significantly more efficient than anything else. We're calling the approach "hybrid static".
Create badass fluid and smooth transitions between your website’s pages.
The minimal, blazing-fast, and infinitely customizable prompt for any shell!
Free browser based video calling for everyone. Simple, Secure, and Fast. Peer to peer video calling provides quality and latency simply not available with traditional technology.
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.
Develop, test, sync, and deploy your website using a single tool that comes in a single binary.
Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and which ones should you use? Here's the complete guide to media queries.
The Play with Docker classroom brings you labs and tutorials that help you get hands-on experience using Docker.
Kirby Pay offers an easy way to make payments with Kirby CMS, providing several options to customize according to your needs.
Draftbox is a new-age blogging platform for everyone, built on Gatsby. It provides a static site for your existing blog and keeps content in sync.
Client did not pay? Add opacity to the body tag and decrease it every day until their site completely fades away. Set a due date and customize the number of days you offer them until the website is fully vanished.
One of the decisions that a front-end developer needs to make while building a website is the technique to include an image. It could be an HTML , or an image via CSS backgrounds, or maybe SVG
Stylemug is a fast css-in-js library that extracts atomic CSS rules to a .css file. It generates atomic CSS from the static stylesheets defined in JS. The compiled rules are extracted to a .css file.The stylesheet code in the Javascript bundle is replaced (no CSS in JS) with a hash map for classnames lookup at runtime.
A free repository for community components using TailwindCSS. Open source Tailwind UI components and templates to bootstrap your new apps, projects or landing sites!
This cross plateform desktop application allows you to query and manage your relational databases, like MySQL, Postgres, SQLite, and SQL Server.
Tomorrow’s edge cloud applications demand a higher-performing serverless platform. Enter KNIX MicroFunctions.
Simple, well designed, desktop accounting software for freelancers and small businesses. Free and Open Source.
Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.
Espanso is a cross-platform Text Expander written in Rust.
Imageflow is open-source software which scales, edits, and optimizes images. Unlike most tools, it does not have a visual interface; it is designed to be embedded into software like Wordpress, Ebay, Craigslist, or Facebook.
Writing micro-services or if you are a fan of TDD, it all boils down to confidence. AdonisJs simplicity will make you feel confident about your code.
One of Alpine's main selling points is that it provides most of the reactive goodies that Vue and React do at a much lower cost. What if you don't need reactivity for your site? Well, Alpine can definitely still fit into your stack! Post written by Ryan Chandler
Session is an end-to-end encrypted messenger that removes sensitive metadata collection, and is designed for people who want privacy and freedom from any forms of surveillance.
Braid is a new kind of group collaboration tool, designed for teams that hate interruptions and just want to get shit done.
TableConvert a powerful online table generator and editor that converts between csv, html and markdown. Easy to convert html tables to sql, json, xml, excel, latex tables and text, making the table easier to use.
Private PHP package repository manager. Add and manage private PHP Composer dependencies in Cloud or behind your firewall. Dedicated integration with GitHub / GitLab and BitBucket.
Build web applications with less tooling. With Snowpack you can build modern web apps (using React, Vue, etc.) without a bundler (like Webpack, Parcel, Rollup). No more waiting for your bundler to rebuild your site every time you hit save. Instead, every change is reflected in the browser instantly.
Achieve mastery through challenge. Improve your skills by training with others on real code challenges.
SPA JS is built on the popular paradigm “KISS” (Keep It Simple, Stupid) that emphasizes on keeping a framework simple and not complicating it. Ideally a powerful framework should do all the heavy lifting and must make it easy for the developers to focus on the product features and not the framework.
HTTPie is a command line HTTP client with an intuitive UI, JSON support, syntax highlighting, wget-like downloads, plugins, and more.
Zorin OS is the alternative to Windows and macOS designed to make your computer faster, more powerful, secure, and privacy respecting.
Pixelgram is an image-sharing application allowing the creation of users and images.
The responsive images spec is fantastic and covers a lot of use cases, but in my experience, most of the time you’ll only need to understand one of them ... Post written by Scott Vandehey
Listen to two women in tech talk about how they balance side projects on top of a full time job. Design Life is a podcast about design and side projects for motivated creators
Boost your productivity and send better email with Mailspring, the best mail client for Mac, Linux, and Windows.
Eclipse Theia is an extensible platform to develop multi-language Cloud & Desktop IDEs with state-of-the-art web technologies.
Glimpse is an open source image editor based on the GNU Image Manipulation Program. The goal is to experiment with new ideas and expand the use of free software.
Micromodal.js is a lightweight, configurable and a11y-enabled modal library written in pure JavaScript
This website show us how to manage HTML DOM with vanilla JavaScript only for modern browsers and IE 11+
Tippy.js is the complete tooltip, popover, dropdown, and menu solution for the web.
Simple, private file sharing. Encrypt and send files with a link that automatically expires to ensure your important documents don’t stay online forever.
Next generation search API. An open source, blazingly fast and hyper relevant search-engine that will improve your search experience.
Open Source ERP & CRM for Business (sme or large companies, freelance, foundations).
Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Create animated mockups in your browser and export as video or animated GIF.
Alpine.js offers the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. This interactive course will teach you the basics in less than an hour.
Need some mock data to test your app? Mockaroo lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats. Download data using your browser or sign in and create your own Mock APIs.
A free and open source code snippets manager for developers. It helps you create and organize your own personal snippets collection and have quick access to it.
Automated dependency updates, Dependabot creates pull requests to keep your dependencies secure and up-to-date.
Do you love the JAMstack philosophy but need a database-backed web app? Want great developer experience and easy scaling? Redwood is here! Built on React, GraphQL, and Prisma, Redwood works with the components and development workflow you love, but with simple conventions and helpers to make your experience even better.
Automated dependency updates. Save time and reduce risk by automating dependency updates in software projects. Fully customizable with a setting to suit every workflow.
Give your pages some headroom. Hide your header until you need it.
A modern JavaScript utility library delivering modularity, performance and extras.
PostHTML is a tool to transform HTML/XML with JS plugins. PostHTML itself is very small. It includes only a HTML parser, a HTML node tree API and a node tree stringifier.
Staart Site is a static site generator for helpdesk or documentation websites. It creates beautiful, accessible, and ultra-lightweight websites that score 100/100 on Lightbox.
Isso is a lightweight commenting server similar to Disqus. It allows anonymous comments, maintains identity and is simple to administrate. It uses JavaScript and cross-origin ressource sharing for easy integration into (static) websites.
Uppload is a better JavaScript image uploader. It’s highly customizable with 30+ plugins, completely free and open-source, and can be used with any file uploading backend.
In this tutorial, Beau Carnes, teacher and developer with freeCodeCamp.org, shows you how to build a fast and secure websites with the JAMstack architecture.
CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use.
Using ES2015 modules you can chunk the application code into reusable, encapsulated, one-task focused modules. That’s all good, but how do you structure modules? How many functions, classes a module should have? This post presents 4 best practices on how to organize better your JavaScript modules. Post written by Dimitri Palvutin.
A hand-drawn illustration library. The library works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps.
Powerful component libraries and styleguides that fit the way you work.
Pay what you want: 5, 10 or 15€/month. The essence of our hosting platform is sharing: we provide enough resources for everyone and sufficient headroom to handle traffic spikes on your site. We always keep the systems up to date and take care of maintenance so you have the time to focus on your project.
Collaborate on documents, share files, collect information. All private. All encrypted. All with Graphite.
Conversational marketing made open source. Turn strangers into leads, maintain data ownership. Easy to install, develop, and measure.
The most powerful and extensible open source Wiki software. Make documentation a joy to write using Wiki.js beautiful and intuitive interface!
Find open-source alternatives for your favorite apps.
Write and run your javascript code online, see result in live view or in editor console. Share your javascript.
A deployment tool written in PHP with support for popular frameworks out of the box.
What began as a side project of a Google developer now shares the JS leaderboard with React and Angular... With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story of how he fought against the odds to bring Vuejs to life.
Beaker is a browser for the next-generation Web. It's an experimental browser for exploring and building the peer-to-peer Web.
Free Google Slides and PowerPoint templates to boost your presentations.
The Odin Project is one of those "What I wish I had when I was learning" resources. Not everyone has access to a computer science education or the funds to attend an intensive coding school and neither of those is right for everyone anyway. This project is designed to fill in the gap for people who are trying to hack it on their own but still want a high quality education.
Layouts with diagonal sections are quite popular for several years now. It is not the new hot stuff, and you will probably not find it in the articles titled "Design trends for 2020". But I think it is here to stay. Post written by Nils Binder.
Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application.
This is a JavaScript bundler and minifier. It packages up JavaScript code for distribution on the web.
This post describes how Lucas Santoni setup ESLint in different scenarios. He'll start with a simple plain JavaScript project and then we'll deal with TypeScript, and also React. The aim is to do the things right and avoid installing random packages or copy/pasting snippets of configuration until things work.
A modern, headless GraphQL-based e-commerce framework built with TypeScript & Nodejs.
Yasumi is an easy PHP library to help you calculate the dates and names of holidays and other special celebrations from various countries/states.
Giving users a dark theme option can be beneficial for accessibility, as some people experience headaches or visual difficulties from excessively bright screens, or have trouble reading for long periods on a light background. Post written by Michelle Barker.
RoadRunner is a high-performance PHP application server, load-balancer, and process manager written in Golang.
Downtime Happens. Get Notified! 50 Monitors, Checked Every 5 Minutes, Totally Free!
Tired of Facebook, Instagram & Twitter selling your data? Create your own social network website with this open source social network.
A repository for All algorithms implemented in Javascript (for educational purposes only).
Here’s a history of CSS and web design from 90's to 2020 written by Eevee.
Open source alternative to Algolia? Typesense is an open source, typo tolerant search engine that delivers fast and relevant results out-of-the-box.
Beluga is open-source software for creating your own ecommerce site. Built with React, Node.js, and using Stripe for payment processing.
Open source mobile client for GitHub, GitLab, Bitbucket and Gitea, built with Flutter.
The unobtrusive JavaScript framework for server-side web applications. Unpoly enables fast and flexible frontends while keeping rendering logic on the server. It has no dependencies and plays nice with existing code.
Matt Stauffer shares with us some precious advises in this post to set up your equipment for podcasting and streaming.
A lightbox that works in all modern browsers with images, videos, iframes and any kind of HTML, has support for CommonJS and AMD, a simple API and zero dependencies.
Use Oxygen's unparalelled power, flexibility, and light-weight code to visually design your WordPress or WooCommerce site with ease.
You've heard about testing, and even better "Test-Driven Development", but you're still not sure exactly what they are. Well now you'll know! In this trail, thoughtbot developers Harry Schwartz and Ian C. Anderson cover core principles of writing code with Test-Driven Development. You'll learn about the benefits of testing, the way testing first applies positive design pressure to your code, and how to apply TDD to your own development.
This showcase let you review VSCode themes from the VSCode marketplace.
Syntax highlighting for the Web. 185 languages and 91 styles, automatic language detection and multi-language code highlighting.
Compress.Studio is a serverless image compression tool with a decentralized private storage.
Grow is a static site generator optimized for building highly-interactive, localized microsites. With a focus on workflow and building projects that are highly maintainable in the long-term, Grow encourages a strong-but-simple separation of content and presentation, and makes maintaining content in different locales and different environments a snap.
Constantin shows us how to build a signup form using the library AlpineJS. Post written by Constantin - Placebo Domingo
The easiest way to learn & practice modern JavaScript step by step. Learn in an interactive environment. Study short lessons and practice in an intuitive environment guided by automated tests.
Orchestrate your web project with Webdash - the customizable web dashboard. Webdash helps you visualize, monitor & manage your web project using community-driven plugins.
A rugged, minimal framework for composing JavaScript behavior in your markup. Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. You get to keep your DOM, and sprinkle in behavior as you see fit. Think of it like Tailwind for JavaScript.
React Tutorial is an interactive way to learn React in the browser. It consists of short lessons and challenges as well as flashcards.
Mirage JS is an API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any backend services.
4K Video Downloader allows downloading videos, playlists, channels and subtitles from YouTube, Facebook, Vimeo and other video sites in high quality.
Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.
An Open Source Smart Phone Supported by All Major Linux Phone Projects.
A full-featured framework for building command line applications (cli) with node.js, including help generation, colored output, verbosity control, custom logger, coercion and casting, typos suggestions, and auto-complete for bash/zsh/fish.
This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.
An open source application for on-call scheduling, automated escalations and notifications (like SMS or voice calls). Automatically engage the right person, the right way, and at the right time!
Crater is a free Open-Source Invoice app for freelancers & small businesses.
A set of ansible scripts to build a personal mail server / private cloud / etc.
Fresh RSS is a free, self-hostable aggregator. It can manage +100k articles without complaining and works on mobile without requiring any third-party application. FreshRSS is yours, you host your aggregator and do not depend on anyone.
An 11ty starter kit designed to help you add rich features to a site without a complicated build process.
A scalable, traceable job queue for background processing large queues of tasks in WordPress. Designed for distribution in WordPress plugins - no server access required.
A 6 step how-to guide to let you start in podcasting by Dale Cudmore.
Youtube-mp4 is a fast and safe Youtube video converter to mp4 file. Right now the converter is optimized for mp4 only. Make sure you aren't trying to download copyrighted materials.
Tired of your digital life being exploited online? Librem One is a growing bundle of ethical services (Mail, Chat, Social, Tunnel ...).
Create Forms Using an open source Drag&Drop Interface and Track Conversions.
Hylia is a lightweight Eleventy starter kit with Netlify CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes. It also gives you a well organised starting point to extend yourself.
10 free videos to learn how to use CSS grid in your design.
Omnipay is a payment processing library for PHP. It has a clear and consistent API, is fully unit tested, and even comes with an example application to get you started.
Learn how to avoid jagged edges on gradients generated by CSS. Written by Mandy Michael.
45 free videos on Vue JS 2 by "The Net Ninja" to help you learn this amazing JS framework.
Capture your screen. An open-source screen recorder built with web technology.
Manage conversations, build relationships and delight your customers, all from one place. Opensource alternative to Intercom, Zendesk, Drift, Crisp etc
Here's what I'd like you to know upfront: this is a hard problem. If you've landed here because you're hoping to be pointed at a tool you can run that tells you exactly what CSS you can delete from your project, well... there are tools out there, but I'm warning you to be very careful with them because none of them can ever tell you the complete story. Post written by Chris Coyer.
Slides is a Visual Studio Code extension that helps you use your editor as a presentation tool.
Listen to Kelly Vaughn, Ali Spittel, && Emma Wedekind debug the tech industry.
Build consistent, themeable React apps based on constraint-based design principles. Built for white-labels, themes, and other applications where customizing colors, typography, and layout are treated as first-class citizens and based on the System UI Theme.
Link your Mastodon account to Twitter and Instagram. No bamboozle. Created by James Moore.
Always wanted to use GraphQL for your new projects, but never got time to learn how it works? Let's start the week with some new GraphQL knowledge in hand! Here's a 10-minute GraphQL crash course for you! Post written by Xiaoru Li.
Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.
Compile Sass, Less, Stylus, Jade, CoffeeScript on Mac, Windows & Linux with Live Browser Reload.
Parcel purports to be a “zero-config” alternative to Webpack, a popular Javascript module bundler. A module bundler takes separate, reusable JS files (or modules) and “bundles” them into a single file to be served to the browser, as well as minifying the output. This can improve website performance, as the browser doesn’t need to load a bunch of files individually. Post written by the author of "CSS in Real Life".
The Fullstack Tutorial for GraphQL. The free and open-source tutorial to learn all around GraphQL to go from zero to production.
Finds publicly known security vulnerabilities in a website's frontend JavaScript libraries.
A biweekly 20-min podcast about the latest in tech tools, tips, and tricks!
In this post I will explore five options for handling form submissions with your static site. Post written by DJ Walker.
171 Free Resources for Freelancers? All the free resources and templates you need to get work done as a freelancer.
How the new release will affect the way we write our code. As you could expect, Vue 3 brings a lot of new exciting features. Thankfully Vue team mostly introduced additions and improvements over current APIs rather than major changes so people that already know Vue 2 should quickly feel comfortable with new syntaxes. Written by Filip Rakowski.
The command-line is awesome but building on it has been hard for web developers. Vorpal is a framework that makes it easy to build mature, immersive command-line applications in JavaScript.
When it comes to building a simple front-end project, how do you get started? What are the tools you need? I suspect everyone will have a different answer. Do you start with a (JS or CSS) framework, or off-the-shelf boilerplate? Perhaps you use a task runner (like Gulp to orchestrate your project’s needs. Or do you start simple, with just HTML and a CSS file? post written by Michelle Barker.
This is how Bethan Vincent developed and launched her first podcast, The Brave, in under 2 months.
The awesome Kirby team has released Trioceros, the 3.3.0 version of Kirby CMS and the very first version of their new Kirby Editor plugin. Kirby Editor is a new visual writing and layout field for Kirby. Compose long-form text with consistent inline styles. Add images, videos, quotes and more. Bring your own block types and always rest assured that the output will be valid, customizable HTML.
Vulcain is a brand new protocol using HTTP/2 Server Push to create fast and idiomatic client-driven REST APIs. An open source gateway server which you can put on top of any existing web API to instantly turn it into a Vulcain-compatible one is also provided! It supports hypermedia APIs but also any "legacy" API by documenting its relations using OpenAPI.
This package allows you to easily read and write simple Excel and CSV files. Behind the scenes generators are used to ensure low memory usage, even when working with large files.
The way we build, deploy and operate the web is evolving. Webiny is a developer-friendly serverless CMS powered by Node, React and a GraphQL API.
WP Rig is a modern WordPress starter theme and build process bundled into one convenient package. It helps you create beautiful, lightning-fast WordPress themes with exciting user experiences that meet the latest web standards.
Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all in order to make informed decisions. This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.
The first Vue.js UI library dedicated to eCommerce Create stunning, mobile-first online stores with this 100% customizable design system.
Today we released the third major version of Ghost, representing a total of more than 15,000 commits across almost 300 releases. The product is as fast and stable as it has ever been, and now it also has support for memberships, subscription revenue, and API driven modern site architectures. Post written by John O'Nolan.
Download Tor Browser to experience real private browsing without tracking, surveillance, or censorship.
I find that the need to create responsive table layouts pops up far more often than most developers would expect. The gut reaction might to be implement some sort of custom grid-system or pull in a pre-built library. Don't do this - just use tables and some simple CSS. Post written by Bradley Taunt.
Laravel Mix is a clean layer on top of webpack to make the 80% use case laughably simple to execute. Most would agree that, though incredibly powerful, webpack ships with a steep learning curve. But what if you didn't have to worry about that?
Ultrafast, offline-ready and platform-agnostic Progressive Web App e-commerce. Always free and open source under the MIT license.
CSS variables, now enjoying fairly good browser support, are opening up exciting possibilities for more dynamic styling. Having true CSS variables means that we can get and set their values in JavaScript, allowing us to build cool features like live theming. Post written by Jonathan Harrell.
Poet is a blog generator in node.js to generate routing, render templates, and get a blog up and running fast.
Tina is an open-source site editing toolkit for React-based frameworks, Gatsby and Next.js
With the wonderful world of JAMstack getting big, all the categories of services and tools that help it along are as important as ever. There are static site generators, headless CMSs, and static file hosts. I think those classifications are handy, and help conversations along. But there is a point where nuance is necessary and these classification buckets get a little leaky. Post written by Chris Coyier.
Learn basic Bash programming syntax and tools, as well as how to use variables and control operators, in the first article in this three-part series. Post written by David Both.
It is a tool to make shades and tints for a given color and generate the proper code for the TailwindCSS config file.The idea is to make the custom color generation a bit easier when creating custom color variants to use in your app's CSS.
Develop, test, and deploy your secure static or dynamic personal web site with zero configuration.
Simple yet flexible JavaScript charting for designers & developers. Charts.js is one of the most beautiful open source charts library.
If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application.
Pure CSS syntax highlighter, no Javascript required. Includes built-in tooltips with UI themes and syntax highlighting themes.
Do you have scheduled jobs run via Cron that you want to prevent being run via browsers and other user agents? This post, written by Andy W, presents two methods to do so.
Modern file management platform built according to your business needs and regulations, Pydio is open-source software deployed on your servers or wherever you decide.
Discover how to implement target="_blank" the right way to not be hacked. Written by Alex Yumashev.
How much of the CSS style that you import from external libraries you really use? Sometimes even less than 20%, so why do you need to have all this unused style? No reason! Purgecss come to help, it is a tool which helps to remove unused CSS and it can be used as part of your development workflow. Post written by Luca Spezzano.
A tiny library for recreating Instagram filters with CSS filters and blend modes.
ScriptSlide is the perfect tool for speakers. Use your laptop as a script screen and take a look at while presenting. Your smartphone becomes a remote controller that controls your screen remotely.
Invidious is an alternative front-end to YouTube to watch your videos without ads and all the extra bloat. The official instance is here https://invidio.us. but several other instances are available.
Kirby in a nutshell or what you wish you had known when you started your first Kirby project.
Everyday steps you can take to control your digital privacy, security, and wellbeing in ways that feel right to you.
A guide to getting you on the IndieWeb. We should all own the content we're creating, rather than just posting to third-party content silos. Publish on your own domain, and syndicate out to silos. This is the basis of the "Indie Web" movement.
Netlify helps developers quickly roll out static websites. In this in-depth Netlify course for beginners, you will learn how to use the service for everything needed in modern web development, from local setup to global deployment. This video is the perfect place to start for anyone that wants to learn how to use Netlify.
A curated list of awesome things related to Tailwind CSS. Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
Knex.js is a "batteries included" SQL query builder for Postgres, MSSQL, MySQL, MariaDB, SQLite3, Oracle, and Amazon Redshift designed to be flexible, portable, and fun to use.
Objection.js is an ORM for Node.js that aims to stay out of your way and make it as easy as possible to use the full power of SQL and the underlying database engine while still making the common stuff easy and enjoyable.
OpenLibra is a technology platform and currency for financial inclusion. An alternative to Facebook's Libra, that places emphasis on open governance and economic decentralization.
ForwardEmail is a free, encrypted, and open-source email forwarding service for custom domains.
Learn how to style a dropdown menu with Tailwind's utility classes.
I’ve started using an excellent piece of software called Restic for backing up my various hosts. Restic has multiple backend types that you can send your backups to. One of the backends it supports is a REST API for which there is an implementation named Rest Server written in Go. Post written by Mike Cardwell.
In this modern era of web development, we don’t really need a heavy-handed reset, or even a reset at all, because CSS browser compatibility issues are much less likely than they were in the old IE 6 days. Post written by Andy Bell.
Progressive Web Apps have been part of the conversation for a number of years, but have yet to be meaningfully adopted by most brands, which strikes us as a missed opportunity given the many benefits they possess. In fact, PWA’s can bring native app-like experiences and functionality to the mobile web, and they can be an extremely efficient way to deliver your digital experiences. Written by Jason Rzutkiewicz and Jeremy Lockhorn
GreenSock is a JavaScript plateform which makes it easy to animate HTML elements. As long as you have an understanding of HTML and CSS, along with a basic knowledge of JavaScript, you’ll be equipped with everything you need to build your animation with Greensock.
In yet another recent project, I’m building a book proposal submission platform with a Vuejs frontend and a Kirby CMS backend. Kirby supports the use of HTTP Basic Autentication to make interacting with it via a custom web client (e.g. Vuejs) nice and easy. In my case, I need to interact with Kirby securely to tell it to create a new page (a new “Book”) without requiring a user to create an account or login. Post written by Morgan Brown .
Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!
Jigsaw is a framework for rapidly building static sites using the same modern tooling that powers your web applications.
Open source starter templates and components, a plugins directory and useful tools/utilities to kick start your Tailwind CSS project.
GitFiend is a Git and cross platform client designed for humans. It gives you the power of Git without the panicked Stack Overflow searches. It's quick, uncluttered and intuitive, while still being packed with the features you need.
Thermal is open-source desktop application allows you to manage your Git repositories at one place by providing a simple to use graphic interface with built-in features like commits, history, repository settings and more.
JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability. This simple guide will help you understand why it exists and how to get started.
SlickStack is a super easy way to setup WordPress servers that are lightning-fast, created by LittleBizzy.
Running web apps is time consuming and error-prone. Keeping your system up-to-date and secure is a full-time job. Cloudron lets you focus on using the apps and not worry about system administration. Cloudron comes with a free plan.
Hypothesis brings an open conversation over the whole web. Use it right now to hold discussions, read socially, organize your research, and take personal notes.
Who is this for? For website developers that use Hugo and want to make the content of their static websites easy to edit, all for free and without having to pay for a server. For content editors that want to manage content of small static websites using a sleek user-friendly interface.
On a desktop, websites have the space to show the full menu, but on a mobile device that space isn't there, and you want to hide the menu behind a toggle (like a hamburger icon) and show it when people click that toggle. How do you offer both in an accessible way that keeps your HTML simple, without duplicating your menu? That's what the perfect responsive menu does.
Showdown is a Javascript Markdown to HTML bidirectional converter, based on the original works by John Gruber. Showdown can be used client side (in the browser) or server side (with nodejs).
A simple, hackable & minimalistic starter for Gridsome that uses Markdown for content.
A brief video explanation of what Caddy 2 is: a web server that acts as both a content origin and reverse proxy, suitable for both personal projects and production deployments. Discuss and get help with Caddy 2 on this forum: https://caddy.community
If you use Git and you need to upload your files to an FTP server, Git-ftp can save you some time and bandwidth by uploading only those files that changed since the last upload. It keeps track of the uploaded files by storing the commit id in a log file on the server. It uses Git to determine which local files have changed. You can easily deploy another branch or go back in the Git history to upload an older version.
This is a funny way to learn Regex. With Regex Crossword, welcome to the fantastic world of nerdy regex fun! Start playing by selecting one of the puzzle challenges below. There are a wide range of difficulties from beginner to expert.
Customize your svg icon (color, size, background ...) and use it in your website. SVG, JSX, React code available.
JavaScript library for working with recurrence rules for calendar dates as defined in the iCalendar RFC and more.
Appwrite cuts up to 70 percent of the time and costs required for building a modern application. We abstract and simplify common development tasks behind REST APIs, to help you develop your app in a fast and secure way.
Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems. Reason is not a new language; it's a new syntax and toolchain powered by the battle-tested language, OCaml. Reason gives OCaml a familiar syntax geared toward JavaScript programmers, and caters to the existing NPM/Yarn workflow folks already know.