Say hello to Core Framework - a FREE modular CSS framework platform. It's a simple, modern, and easy-to-use modular utility framework with a powerful visual interface to configure for every build.

Codeium offers best in class AI code completion & search — all for free. It supports over 70+ languages and integrates with your favorite IDEs, with lightning fast speeds and state-of-the-art suggestion quality.

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face

Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, Angular, Lit, Vue 2, Ember, SolidJS, Alpine, Mithril, Aurelia 2, Qwik, Marko, Aurelia 1

Pines is a library of animations, sliders, tooltips, accordions, modals, and more!

Learn how to use the new View Transitions API, which offers an easier way to animate between DOM states and even between page loads.

Fluid typography allows each font size in a modular scale to vary responsively between a min and max. Learn the math behind fluid typography and how to programmatically generate a fluid type scale with CSS clamp and Sass.

Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world.

An open-source Svelte component library for building high-quality, accessible design systems and web apps.

A component UI library for Svelte and UnoCSS offering both styled and headless components.

A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Solid, Vue, Svelte, or any other JavaScript application.

With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges. For example, we want to avoid duplicate network calls, efficient caching, and ensure that the calls work across environments. To address these challenges, Nuxt provides a built-in data fetching library ($fetch) and two composable (useFetch and useAsyncData).

Prevent render blocking global CSS when using Nuxt 3 to speed up your core web vitals.

Manipulate images on-the-fly with a worldwide cache

Svelte component that simplifies the creation of responsive images by automatically selecting the appropriate format based on the browser's capabilities.

Introduction to Svelte-HeadlessUI

Beautifully designed components built with Radix Svelte and Tailwind CSS.

Netlify is a popular web development platform that makes it easier to build, deploy, and manage websites. You can use Netlify to host websites, and it helps you update and release new changes. It also provides additional features such as security, user authentication and authorization services, and more. This

I wanted to pull the most recent articles from an Eleventy site into another Eleventy site, so I wrote this article to explain how I did it.

Fast and clean SVG badges

A bunch of demos and tools to show off Scroll-driven Animations

TODO

The Block-Based Collaborative Framework

Create eye-catching and professional testimonials with Picyard. Choose from a variety of pre-designed templates, add star ratings, custom text, author image and name. No design skills required.

A collection of background patterns made with CSS gradients by Temani Afif

Even popular sites fail to implement the 11 best practices mentioned in this article, and thus have at least one mistake. Use this checklist on your next pull request review that deals with any form.

Remark42 is a self-hosted, lightweight, and simple (yet functional) comment engine, which doesn't spy on users. It can be embedded into blogs, articles or any other place where readers add comments.

Chirpy is a privacy-friendly, customizable and open-source Disqus alternate.