A new CSS function that returns one of two color values based on the current color scheme.

PureAnim simplifies SVG animation with intuitive controls and customizable timelines. Create seamless animations effortlessly.

When you use View Transitions on multiple elements, it can be a very nice look to stagger them out a little bit. It's possible now, but a bit finicky. Let's take a look at some code, present and future, that will help.

Exploring a way to make token importing similar in different contexts.

Create Open Graph images for your blog articles and websites with this free OG image generator. 100% free, no watermarks, and no account required.

A dedicated CMS for Astro DB.

Load Word documents into an Astro Content Collection with astro-word-loader

CSS UI library leveraging the most modern features. Components you can copy and paste into your project.

Like container queries; but for stuck, snapped, and overflowing queries.

Astro description

Convert HTML to Markdown online, Efficiently manage and migrate your web content.

An inky color scheme for prose and code.

CSS Variables Editor is the Browser Extension for managing colors in CSS Variables. AI-generated color palettes. Accessibility testing. Support for shadcn/ui and daisyUI (more coming soon).

A collection of bad practices in HTML, copied from real websites.

Learn to wield useAsyncData along with Promise.all() to load data faster with parallel requests in your Nuxt application.

Learn how to get the most out of Visual Studio Code minimap and turn it into a valuable, indispensable tool in your coding workflow.

AstroPatterns is a course based on exercises. We describe a problem and how to fix it, and then you can practice on a real application.

A showcase of what is possible with Progressive Web Apps today.

Explore a handpicked library of stunning website hero sections designed to captivate and engage. Discover inspiring, high-quality hero designs for every niche and style—perfect for elevating your next web project.

Turn your static blog into a dynamic one by adding comments with AstroDB, Astro Actions, and Turso.

Back in the day, centering an element was one of the trickiest things in CSS. As the language has evolved, we’ve been given lots of new tools we can use… But how do we pick the best option? When do we use Flexbox, or CSS Grid, or something else? Let's dig into it.

Create beautiful Tailwind CSS gradients, text effects, and glassmorphism designs with Gradienty.

A halftone is a pattern of dots that vary in size and spacing. It's a printing technique that you normally don't see, but blown up in size, is a cool aesthetic. This is a deep dive on how it can be done in CSS alone, starting quite simply!

How to automatically adapt scroll buttons to the inside or outside based on available space.

Budibase is an open source low-code platform and the easiest way to build, automate, and ship internal tools. Check it out.

Metabase business intelligence, dashboards, and data visualization tools. Dig deeper into your data with open source, no SQL tools for data visualization.

How much attention do you pay to the alignments of your subscripts and superscripts? Lorenz Wöehr has you covered with a recipe for fluid scaling.

...