✅ Viselect: Let Users Visually Select DOM Elements

If you’ve got a variety of elements and you want users to be able to select them in groups, individually, or even in multiple groups, this lets you offer that functionality easily. Can be used in a vanilla fashion or with integrations for P/React or Vue.js.

Link to the tool

#tool
#frontend #viselect #js

✅ 👩‍💻 How to Upgrade to Nuxt 4

Learn how to upgrade from Nuxt 3 to Nuxt 4 with this step-by-step guide. Explore new features, data fetching changes, and migration tips for a smooth transition.

Link to the article

#article
#nuxt #frontend #vue #js

✅ Vite 6.0 Released

Vite 6 is the most significant major release since Vite 2. They're eager to partner with the ecosystem to keep expanding their shared commons through new APIs and, as usual, a more polished base upon which to build.

Link to the release

#release
#frontend #vite #react #vue #build

✅ 👩‍💻 Tailwind CSS v4.0 Now in Beta

The long awaited beta for version 4 of the popular Tailwind CSS styling framework is out, with a new engine resulting in 5x faster full builds, a unified toolchain, CSS-first configuration (yes, you can say goodbye to noodling with tailwind.config.js!) and more.

Link to the release

#release
#beta #tailwind #css #js #ui

✅ 👩‍💻 React Router v7 Released

Michael explains it best: “v7 brings everything you love about Remix back into React Router proper. We encourage all Remix v2 users to upgrade [...] For the majority of the React ecosystem [...] we believe React Router v7 will be the smoothest way to bridge the gap between React 18 and 19.” The project has a nifty new homepage too.

Link to the release

#release
#router #react #frontend #js

✅ Astro 5.0

With Astro Content Layer to load your content from any source, and Server Islands to combine cached, static content with dynamic, personalized content.

Link to the release

#release
#frontend #static #astro #js #vue #react

✅ Onlook: An Open-Source 'Figma'-Style Design App for React

A new open source, local-first Figma style design app (for Windows, Linux and macOS) that targets React use cases. You can design layouts directly on a live page and instantly write your changes to code. Early days but looks very promising.

Link to the tool

#tool #release

#react #js #figma #design #frontend

✅ 👩‍💻 👩‍💻 Frosted Glass from Games to the Web

A UI games developer (who worked on the Forza series) shares the process of translating in-game ‘frosted acrylic’ design elements to HTML. The end result is nice! backdrop-filter does the heavy lifting here.

Link to the article

#article
#frontend #glass #js #css