OpenFreeMap – Open-Source Map Hosting lets you display custom maps on your website and apps for free.

Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui.

With VERT you can quickly convert any image, video and audio file. No ads, no tracking, open source, and all processing (other than video) is done on your device.

My notes on building a custom component in Keystatic using Content Components feature for my Astro blog

A components library built with Tailwind CSS that works with any web stack.

GSAP's premium plugins are now free, and this article explores their creative potential through five playful animation demos.

Learn how to cache Astro images in GitHub Actions to save time by avoiding repeated image optimizations during builds.

Learn how to generate dynamic Open Graph (OG) images for your Astro-powered page using Satori and Sharp. From setting up custom fonts to handling frontmatter images in both dev and production—this guide covers it all. Make your shared links look stunning!

In this blog post, I will show you how to generate OG images with Astro, turns out it's super easy!

A collection of notes and ideas

Enhance a list of audio tracks with playlist controls - mirisuzanne/track-list

Try this online visual CSS Editor with instant live preview. Easy & fast. Experiment and take the code to your project.

A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.

View and Interact with PDFs in React, SolidJS, Svelte and JavaScript apps.

Generate and manage design tokens for your design system

Container units (e.g. cqi) are only able to reference the closest container. But if you register a custom property and set that higher up, you can get your hands on other containers units.

If you write a lot of CSS, you are familiar with those moments when you aren’t quite sure how to accomplish what you want to accomplish.

— The personal website of Sara Soueidan, inclusive Web UI engineer

Time for the second part of my Headless CMS series - this time, let's try out Keystatic.

Drawer component for React.

I wanted to build a drawer component for a while now. In this article, I'll show you how I did that.

Practical tips on how to go from good to great animations.

Kinda like that

Are you interested in building a headless WordPress site using Astro? Astro makes for an amazing developer experience with headless WordPress. Learn how we handled routing and data fetching using WPGraphQL!

Pruvious is a Nuxt module that transforms your app into a powerful CMS. It provides features such as database models, file management, a dashboard, block components, authentication, translations, caching, and many more.

Here's every action and filter you need to completely disable WordPress’ default inline styles — including the recent classic-themes.min.css in version 6.1 🙌

Beautifully crafted UI components for Tailwind CSS and Alpine JS

One of the ways you can make your blog posts stand out to readers is to add a social card. Even if you haven't heard of them before, you've