smol update: created a demo site with a bunch of variable fonts: magnetic-text.vercel.app code: github.com/JaviEzpeleta/m…

CSS Tip! 📜 You could create a sticky popout bento effect with position: sticky and scroll-driven animation 🤩 The trick is to use position: sticky with bottom instead of top like we would usually 🤙 Then we can use scroll-driven animation as a progressive enhancement to fade

velocity based tooltips

introduced a Lab section to my website. It's where I'll drop component ideas, play with UI, mostly built with React and Tailwind CSS, all open source, and easy copy/paste

How does Stripe do that really cool morphing animation with their menus? See how to easily replicate it with React, Tailwind, and AI:

Building the dotted background for our charts is simpler than you'd imagine. It uses two CSS techniques and 4 lines of code.

Nice thing here is you can use CSS tricks shared from the last few months 🤙 For example, background-attachment: fixed to spread a gradient between cards 😎

Next.js + SEO - How to set up self-healing URLs Mike Bifulco @[email protected] shows how to set up App Router URLs such as: 🔗 /posts/${POST_TITLE}-${POST_ID} Changing the post title should not break the old link ➡️ redirect to canonical URL mikebifulco.com/posts/self-hea…

UI && CSS Tip! 🔥 You can create these dynamic glowing card effects with a single JavaScript event listener, some CSS tricks, and an HTML attribute 🤙 <article data-glow /> Here's how! 👇 You can use a combination of tricks from previous posts. Let's start with the

🤯 This honestly sounds so good. Not quite ready yet, but implementing a context selector with just the `use` and `useMemo` primitives is a really great design imo. A glimpse to the future 🔮

Route transition animations in Next.js (App Router) with Framer Motion

✍️ New post: "Global progress in Next.js" Learn all about React Transitions, play with tons of interactive demos, and see how even something like a global progress bar can benefit from composability!

I liked so much the task manager design from so i tried to make a part of it real ✨ also thanks to Jeroen Reumkens — FrontendFYI for his drag and drop kanban board article!

here's a really simple hook to sync shadcn tab state with URL good so users can deep link to specific tabs or use browser back/forth functions to navigate them haven't tested extensively, could have some edge cases

Mees Jeroen Reumkens — FrontendFYI Titan Merlin Studio If you're doing this via a CSS variable you might find you get better performance via updating styles via MotionValues - as updating CSS variables always triggers paint.

Practice is the best way to learn a programming language, especially through coding challenges. 💻️ A few months ago, we developed a new feature in our application Blent.ai that allows users to complete coding challenges directly on the platform.

Been using Raycast daily for 1+ year — it’s a really game-changer ⚡ As a DPM.LOL fan, I built a Raycast extension to: 🔍 Search a Summoner 🧠 Search a Champion And it's open source!👇 🔗 Extension: bit.ly/4jEXTxX 🔗 Site: bit.ly/42fH9aF #LoL