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.
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.
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
A framework for real-time applications and REST APIs
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.
Presentation Slides for developers using mardown and which provides flexibility and interactivity.
Collecting all Cheat Sheets in one place.
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.
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
A list of tutorials to build your own ... X. "What you cannot create, I do not understand" - Richard Feynman
The Component IDE for Web Developers
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.
Guide your users through a tour of your app.
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.