✅ 👩‍💻 👩‍💻 Custom Range Slider Using Anchor Positioning & Scroll-Driven Animations

It’s still a touch early to truly adopt these two features (only Chrome and Edge have full support today), but it can’t hurt to explore both Anchor positioning and scroll-driven animations to get an overview of just what could be done in the near future – it's a nifty effect!

Link to the article

#frontend #html #css #slider
#article

✅ 👩‍💻 Material UI v6: The Popular React UI Design/Component System

At almost exactly ten years old, the MUI design system has its latest major release. The enhancements are more evolutionary than revolutionary though, with a focus on improved theming, color scheme management, container query support, and React 19 support. There are also some revamped templates to help you get started.

Link to the release

#frontend #ui #react #materialui
#release

✅ 🖥 Rspack 1.0: The Rust-Powered JavaScript Bundler

Far from being ‘yet another bundler’ with its own approach and terminology to learn, Rspack prides itself on being webpack API and ecosystem compatible, while offering many times the performance. The team now considers it production ready and encourages you to try your webpack-based projects on it.

Link to the release

#frontend #new #rust #js #bundler
#release

✅ 👩‍💻 React Cosmos v6.2: A Sandbox for Developing and Testing UI Components

Built upon a project first showcased at ReactEurope 2015, Cosmos is a long standing and ‘slowly matured’ tool for prototyping React components in an isolated manner.

Link to the lib

#frontend #lib #testing #ui #react #cosmos
#release

✅ 👩‍💻 Implementing a React-a-Like from Scratch

While it's unlikely you'll actually want to do this, at least thinking about it can prove instructive as to what’s going on in React’s engine room.

Link to the article

#frontend #react #engine
#article

✅ 👩‍💻 Announcing Vue 3.5

While v3.5 is a minor release, it’s one Vue users will love, with big performance and memory usage improvements in its reactivity system. With no breaking changes, upgrade and watch memory consumption drop.

Link to the release

#frontend #vue #js
#release

✅ The Web Design Museum: The First Decade of Web Design

Exhibits thousands of unique old website designs from the early 90s to mid-00s. A fun way to discover forgotten trends in web design.

Link to the museum

#frontend #design #museum

✅ 👩‍💻 Reasonable Colors: An Open-Source Color System for Building Beautiful, Accessible Color Palettes

Just drop in the base stylesheet, then use the provided CSS variables that provide built-in “shades” for each color.

Link to the lib

#frontend #css #color
#lib

✅ 👩‍💻 Framer Motion: Fluid Animations & Motion in React

A long-popular, open source motion library for React, made by Framer. As of this week’s v11.4 release, there’s support for React Server Components, including new entrypoints for motion and m components.

Link to the tool

#frontend #react
#tool #lib

✅ 🖥 An SSR Performance Showdown

Fastify’s Matteo Collina set out to find the current state of server-side rendering performance across today’s most popular libraries. The first attempt faced negative feedback due to implementation issues, but the showdown has been improved and re-run.

Link to the article

#frontend #js #vue #react #solid #ssr
#article