Visual Copilot 1.0 - Design to code with your components and more

Hey devs,

Vishwas here, bringing you another edition of Dev Drop.

Last week we launched Visual Copilot 1.0. With this latest release, Visual Copilot can now use your existing code components to generate output. It introduces improved accuracy and code quality and also allows you to finely tune Visual Copilot to adapt its output to match your existing code style. Check out the Visual Copilot 1.0 launch and read more about its new features.

Try it today !

And, of course, what would Dev Drop be without our customary dad joke?

Why did the coffee file a police report?

Because it got mugged!

• Steve explains how to create an animated menu similar to Stripe's using React, Tailwind CSS, and AI.
• I wrote a post on how to recreate Linear's secondary navigation animation using React and the Intersection Observer.
• Learn how to replicate one of Linear's captivating hero section animations: the staggered text animation .
• Explore how to develop an infinite marquee effect using Tailwind CSS .

• Arisa Fukuzaki dives into internationalization (i18n) with Remix , sharing insights on why i18n is crucial for web accessibility and how to implement it effectively in Remix applications.
• Navigating the future of frontend and making sense of modern frontend meta-frameworks.
• Sebastian Markbage is making progress in enhancing the clarity of hydration warnings by adding diffs. I can’t wait for this!
• Anthony Fu details the evolution of Shiki v1.0 , my favourite syntax highlighter.
• Samuel Mendenhall compares Qwik and Next.js highlighting which framework might be the best fit for your upcoming web project.

• Rolldown , a Rust-based bundler for JavaScript is now open source. It aims to be Vite's future bundler, offering Rollup-compatible APIs.
• Astro 4.5 introduces a Dev Audit UI for spotting performance and accessibility issues, alongside new features like View Transitions, Shiki 1.0 for syntax highlighting, and more. Astro also introduced Astro DB , which is a fully managed SQL database designed exclusively for Astro.
• Storybook 8 was released featuring major updates like the new Visual Tests add-on, React Server Component support, enhanced Vue, and React control autogeneration.
• AnalogJS , a meta-framework built on Angular hit the version 1.0 milestone.
• VitePress 1.0 - a Vite and Vue-based Static Site Generator designed for fast, content-centric website creation.
• The MUI team announced that they are working on Pigment CSS , a zero-runtime CSS-in-JS styling solution, as a successor to tools like Emotion and styled-components for MUI v6.
• Oh, by the way, Angular and Wiz are merging !

And that's a wrap for today! Wishing you all a fantastic week ahead.

See you in the next one,

Vishwas