Sign in

Jeroen Reumkens — Frontend.fyi

@jeroenreumkens.com
1.3K followers 583 following 545 posts

Teaching the craft of frontend via frontend.fyi 📺 youtube.com/@frontendfyi 🧑‍🎨 fantasticmotion.fyi 🌍Amsterdam, The Netherlands

PostsRepliesMedia
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 29/12/2025
I’ve been offline on most socials for a while. X became too toxic and drained all the joy out of it. Opened Bluesky again and this still feels so much nicer ❤️ How’s everyone doing here? Anyone working on something cool?
270
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 25/09/2025
Honey wake up, Joma is finally back! Such a great video again 🤯 www.youtube.com/watch?v=YRd...
youtube.com
life of an AI startup founder/CEO
Founder Mode. WARNING: Blindr Coin is not real, I didnt launch anything. Don’t fall for scams.💵 SUPPORT THE CHANNEL▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀Try my app: htt...
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 22/09/2025
With such a title for my daily playlist, there's probably little that can go wrong on a monday morning 🥰
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 11/09/2025
Very close to wrapping up a BIG new release for the FrontendFYI Playgrounds — Juuuust need to do some responsive fixes 🫠
020
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 15/08/2025
When did they add the ability to advance time with Stripe Subscriptions in test mode? This is gold! 🔥
120
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 23/07/2025
New stash came in. Love the vibrant colors the packaging has.
030
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 05/06/2025
Let's see if Codex is capable of doing something a bit more challenging. Touching quite some files, involving quite a few lines of code.
020
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 05/06/2025
Exploring OpenAI's Codex a bit. First thing it complains about is me leaving in a placeholder readme and fixing that for me. I like it. It's super accurate too.
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 02/05/2025
Now @gsap-greensock.bsky.social is free, that also means their amazing and versatile Split Text plugin is free too 🔥 Just experimented with it to see how well it integrates with @motion.dev – and I gotta say, this works GREAT! Check the link to the playground below.
150
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 02/05/2025
Got some new tech
000
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 24/04/2025
The Frontend FYI playgrounds got a visual refresh — better spacing, clearer UI, and just a smoother place to build. No feature changes, just thoughtful tweaks that make it feel right.
020
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 15/04/2025
Good some new good stuff from Barcelona
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 11/04/2025
Help. Second day of not being productive, fighting Prisma 😭
100
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 10/04/2025
What a day 🤯 This morning suddenly Prisma couldn't find my env vars anymore, nothing would fix it. Eventually got it fixed by upgrading Prisma. That was a major upgrade though, having some breaking changes. Now that's fixed Turbo is running out of memory during build 😭
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 05/04/2025
Been shopping for a new tree for the house today 🥰
130
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 05/04/2025
Received the first Tesla hate today. People are sad... Driving this car doesn’t mean you idolate Elon. But I get it, this is an easy thing to do.. Luckily this guy “only” wrote SS on my dirty car 🤷‍♂️
000
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 05/04/2025
Is there a way to hide this stupid Meta AI thing in WhatsApp? They put this nonsense right in our face….
150
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 05/04/2025
Stumbled on the new UA+ reset stylesheet by Manuel Matuzovic — super interesting to look through this and see the _why's_ behind every rule. Check it out! fokus.dev/tools/uaplus/
matuzo.at
050
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 04/04/2025
Just updated the playgrounds' console to also show logs, instead of only errors. What was I thinking when first building this, showing only errors. Of course you need all these 'here' 'here' 'here' logs 😉 What else would you like to see added?
000
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 04/04/2025
🔥 Wrapping up the latest Motion course module, and I just couldn't wait to share this! We’re diving deep into the animate() function to build advanced, multi-element animations. This example? Just the beginning of what you'll create! Can't wait to see how you'll use this!
120
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 19/03/2025
Just fixed quite an important bug in my playgrounds 🤯 What do you think happens here when the user is not logged in (user = undefined)?
110
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 15/03/2025
This video by @maxedapps.bsky.social clearly explains my allergy to vibe coding right now. Go watch it if you really think this is the future. youtu.be/VQFvugpxNJE...
youtube.com
Why "vibe coding" is NOT my future
There's a new, popular term & way of coding: Vibe Coding.Originally coined by Andrej Karpathy, it describes a way of coding where you don't write any code bu...
530
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 11/03/2025
I like these big carousels on pages. But what I don't get is why the engineers took the lazy route here and just added a scrollbar there? On windows this will look even uglier 🤯
000
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 08/03/2025
Finally found a cheap-ish but good option for making espresso as the studio
120
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 07/03/2025
Tried to add a simple credits system. Realized the whole account page was trash. Here's the diff from my "quick fix." Ever started with a small feature, only to end up rewriting half the app? 😅
110
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 07/03/2025
The old account page? Definitely an MVP — and it's been bugging me ever since. With more courses and recipes on the way, it’s time for a real dashboard at Frontend FYI. Oh — and those credits? Soon you’ll be able to unlock content without PRO 👀
030
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 21/02/2025
Lol, thank you Warp. One notification apparently wasn't enough to get me to upgrade
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 17/02/2025
Last weekend YouTube suggested this great video by Kevin Leneway Happened to play with MCP last week too, his setup was therefore extra intriguing. Definitely watch this video and others on his channel! My experience in the next post. youtu.be/gXmakVsIbF0
youtube.com
You HAVE to Try Cursor + o3 + Storybook
Last Sunday evening in Japan, OpenAI quietly unveiled their new deep research product powered by the previously unreleased O3 model. In this video, I show yo...
120
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 14/02/2025
Now we've finally ended up at the more complex animations chapter, it is time to start diving into animation sequences. I took inspiration for this lesson from from the Dropbox Brand Guidelines you find here; brand.dropbox.com/logo Beautiful animations on that page!
020
Reposted by Jeroen Reumkens — Frontend.fyi
Stef Walter @stephaniewalter.bsky.social · 14/02/2025
A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast, by Nate Baldwin. It provides short introductions and many links to dig further. colorandcontrast.com/#/
Screenshot of the homepage of the Color and Contrast guide with the tagline: An interactive guide to color & contrast
A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast.
A very long table of content is displayed on the left, and an orange yellow illustration of stacked rectangles is displayed on the right.
14911
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 14/02/2025
Today I learned about the Model Context Protocol. As I understand it, a standardised way to make LLMs interact with anything, we write the MCP middle layer (in for example TypeScript), to talk to a Database, Google Maps, your bookkeeping etc. EXCITING 🤯 modelcontextprotocol.io/quickstart/...
modelcontextprotocol.io
For Claude Desktop Users - Model Context Protocol
Get started using pre-built servers in Claude for Desktop.
030
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 13/02/2025
Finally got around to adding a Github Login / Signup. Isn't it a must for a developer focussed platform? I guess so.
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 07/02/2025
I love to get comments like these🔥 They are what keep me going! I KNOW my content is awesome, yet it's also so hard to make (enough) money out of content creation as a small creator, as I try to explain to Samir in my comment. Would love to hear you thoughts about this too 🥰
130
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 06/02/2025
Just gave my PRO page a much-needed update! 🚀 I realized it never fully captured my vision — PRO isn’t just a single course, it’s a growing resource packed with value. This update finally shows that. Check it out, and if you’re on the fence, now’s the time to join PRO! 🔥
140
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 05/02/2025
Moments like these make me really surprised by today's capabilities of AI. Its able to take a very basic instruction and ugly code from a screenshot (!!), and turn it into something that works perfectly🤯 Sure it's not a 1-1 representation, but that also wasn't what I asked for
020
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 01/02/2025
Version two. Muuuuch more professional 😏 Only need to create a logo which I can add onto the coffee bag as well.
020
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 31/01/2025
First steps towards experimenting with a different type of content😏 Making frontend content is such a serious business. This is gonna be fun on a different level Not sure when I'll be able to create a first video. This was just a fun first experiment. Have a great weekend!
110
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 31/01/2025
Alright, gonna press the button 🤞 Quite the journey.. Still not entirely sure I didn't miss anything, but this needs to be done now. Took me far more time than I hoped. Let me know if you spot anything that looks off please. Playgrounds are still on V3 for now.
040
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 31/01/2025
Using Tailwind V4 with Astro? Be aware that if you have any unique classes inside a `client:only` component, these won't get bundled into your CSS file. Thus you might end up with some broken styles. The team is aware and working hard on getting a fix for this asap ❤️
030
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 31/01/2025
Considering my life choices for choosing Tailwind for my Motion course: Dilemma: Should I update my playgrounds to V4, meaning I need to prompt for all these breaking changes in old save states of users – or should exercises stay on V3 (bad idea too) Plus videos show V3 too!😫
250
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 31/01/2025
Possible UI direction for my next course. All about CSS — with AND without Tailwind. We’ll be building a beautiful page from A-Z.
140
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 30/01/2025
Tailwind V4 MIGHT break (Framer) Motion animations 🚨 V4 uses individual transform properties. Meaning if you set a initial state on a transform via a Tailwind class, TW uses `translate`, and Motion uses `transform`. Ending up in having the translation applied twice! 🤯👇
040
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 30/01/2025
Today I learned that CSS Individual Transform Properties actually get ADDED UP with regular `transform` 🤯 Causing my upgrade to TailwindV4 to break many of my Motion animations. I'm still not sure if this is intended or not.. Watch the video here: youtu.be/tdip011nNGk
youtu.be
How CSS Individual Transform Properties Can Break Your Site
YouTube video by Frontend FYI – by Jeroen
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 30/01/2025
I'm so much looking forward to use more 'normal css' with TailwindV4. Been trying to upgrade since the early alphas – sadly I ran into multiple issues. After lots of trial and error I feel I'm really close now, just need to build my own alternative for the typography plugin😅🤞
010
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 28/01/2025
Who said css isn’t a real programming language?! 🤓 Google is working on a first test implementation of if-statements in CSS. What do you think about it? Google’s progress: groups.google.com/a/chromium.... CSSWG Discussion: github.com/w3c/csswg-d...
090
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 24/01/2025
Got a push notification on the Apple TV app, to redeem a free month. Well… apparently not. Thanks Apple 🤨
110
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 24/01/2025
Finally got the recording setup up and running again 🥰 New videos soon!
160
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 23/01/2025
Finally took some time to change all routes from framer-motion to motion. Looks like everything is still working 🤞 Also changed fantasticframermotion .fyi to fantasticmotion.fyi 🔥
fantasticmotion.fyi
Fantastic Motion (formerly Framer Motion) – Frontend.FYI
In this course you learn how to create stunning and functional animations with Motion for React (formerly Framer Motion).
030
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 23/01/2025
A while back, I added the ‘by Jeroen’ suffix to my YouTube channel. Today, I took it a step further and replaced the logo with a picture of myself. I’ve realized I’m much more drawn to people than brands—and I want my work to reflect that too. What do you think?
150
Jeroen Reumkens — Frontend.fyi @jeroenreumkens.com · 21/01/2025
Swapped my 'latest videos' section with a neat scrolling carousel showing the vastness of my content 🤯 Perhaps not the easiest to find the latest content, but it does show how much great content is already out there – which is what the intention of the homepage is imo 🔥
030