The best roguelike games offer a serious but rewarding commitment, inviting you to lose time and time again until you reach new heights. And then you get to repeat the process while retaining knowledge that shapes your future sessions, improving your skills with each subsequent run.The best roguelike games follow the philosophy of randomizing existing game elements and providing a different experience every time you start a new run, with the condition that a game over screen means restarting from scratch. The roguelite distinction is similar, but it involves permanent progression, be it in the form of story, unlockable paths, items, and so on.Our selection of the best roguelike games has something for every player, regardless of platform and subgenre of choice. Our picks intersect with rhythm, deckbuilding, platforming, puzzle, and shooter games, to name a few. The roguelike and roguelite genres keep gaining more ground as pillars for design choices, meaning that some of the games on this list will ring familiar with the selections in our best PS5 games and best PC game lists. You'll also find some overlap with our recommendations for the best indie games to play right now.As the middle of 2025 draws near, choosing the best roguelike games becomes tougher with each passing day. The likes of Nuclear Throne, The Binding of Isaac, and Enter the Gungeon progressively marked their place in the genre years ago. Now, roguelikes and roguelites are in abundance, with game developers coming up with novel spins and pushing the genre forward.Whether you're looking for something more traditional or a unique take on a genre that is brimming with creativity, our best roguelike games list is bound to add a few new experiences to have on your radar. BalatroDeveloper: LocalThunkRelease Date: February 20, 2024Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, Android, iOS, PCIf you've seen your loved ones spending way too much time on their phones during the past year, it's likely due to LocalThunk's engrossing take on poker. Balatro is deceptively simple: Look at your hand, think of the combination that will net you the most points, and see the numbers go up.As you slowly make your way to tougher levels, gaining additional cards that multiply said score while granting an array of often absurd bonuses, you'll immediately understand the appeal. Balatro is not about poker, nor is it just a roguelike. It's a numbers game where you can rig the rules in your favor. Its challenges are hypnotizing, but once you achieve victory for the first time, it'll take you a while to play anything else. See at Amazon Pacific DriveDeveloper: Ironwood StudiosRelease Date: February 22, 2024Platforms: PlayStation 5, PCPacific Drive is not technically a roguelite, even if it shares quite a few similarities in how you navigate its world, picking up key items and tackling objectives as you escape from weather anomalies from the inside of your car. The Endless Expeditions update, however, does push the game toward that direction.Released on April 3 of this year, Expeditions takes you outside of the campaign and into a randomized map with modifiers and rewards, the latter including cosmetics and unique tools. The trick is that you won't be able to stock up on resources, as you're forced to scavenge and build your inventory from scratch each time.Expeditions only end once you've collected enough anchors on a map. The longer this takes, however, the harder the task will become, with anomalies gearing up in difficulty. If you're looking for an extra challenge or an interesting twist on the Pacific Drive formula, Expeditions is the answer.Fanatical and GameSpot are both owned by Fandom. See at Fanatical Dead CellsDeveloper: Motion TwinRelease Date: August 6, 2018Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, Android, iOS, PCDead Cells is one of the pioneers of the new wave of roguelites of the past few years. Ever since its conception, developer Motion Twin set out to build an ambitious foundation--prioritizing a breakneck rhythm and flow in movement and attacks, rewarding fast reflexes and improvisation on the spot.The team continued to work on the game over the years, delivering a total of 35 major updates, expanding and ironing out possibly every element inside out. If at some point you think the base game doesn't have enough to offer, there are five DLCs (one of them free), including the Return to Castlevania expansion. As it stands, there might never be another game like Dead Cells, and that's okay. We'll still be playing it for years to come, while also witnessing the team trying out new ideas, such as the co-op roguelite Windblown, which is an early access game to watch. See at Fanatical Deep Rock Galactic: SurvivorDeveloper: Funday GamesRelease Date: February 14, 2024Platforms: PCIf you're a Left 4 Dead 2 fan, chances are that you've heard of Deep Rock Galactic, which takes the structure of the zombie-driven shooter and takes it in a different direction, featuring dwarves in space, alien monsters, and destructible environments. Deep Rock Galactic: Survivor, however, takes things even further.Released in Steam early access back on February 14, 2024, you're taken onto increasingly harder levels where your dwarf of choice attacks automatically. The Survivor-like is presented in a top-down perspective, with the mining mechanic taking center stage to unlock upgrades during runs and improve your chances.There have been four sizable updates, but even in its infancy, developer Funday Games struck gold when mining for resources. The combination of its existing setting with the roguelike genre is an enticing one. See at Steam Hades 2Developer: Supergiant GamesRelease Date: May 6, 2024Platforms: PCDeveloper Supergiant Games has famously never done sequels before--until Hades 2. The sequel follows the events of the first game, in which Zagreus, son of the Greek god of the underworld, fought his way to the surface. Now, his sister Melinöe is tasked with defeating Chronos, the god of time itself, who's posing a threat unknown to everyone to this point.The roguelite is similar in nature to its predecessor, advancing the story with each victorious or failed run, gradually uncovering layer upon layer of new characters, powers to combine and grow stronger with, and even more features to further customize your experience. Hades 2 is still in early access, but there's a ridiculous amount of story and challenges to go through. Plus, the sequel is one of the first games confirmed for the Nintendo Switch 2. The 1.0 release date is yet to be confirmed, but Supergiant is targeting 2025. See at Steam Darkest Dungeon 2Developer: Red Hook StudiosRelease Date: May 8, 2024Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, PCDarkest Dungeon 2 entered early access in October 2021, with the full launch taking place on May 8. It had a tall order--surpassing the inimitable Darkest Dungeon, a tough roguelike centered around stress as a mechanic, with characters being driven mad or, on occasion, becoming inspired by the embrace of darkness and presence of heinous monsters.The sequel moves away from the structure of its predecessor, where you explored different biomes while managing resources and upgrading a home base. Now, it follows a structure similar to modern roguelite conventions, where you choose from different paths that are labeled with the rewards and challenges awaiting on the roads.While the combat shares some similarities, many new features shake up previous foundations, from playable origin stories for each hero to the affinity system, which takes the stress mechanic of the first game and adds a communal element to it by leading to different relationship archetypes between party members. Despite the change in presentation with more bells and whistles, Darkest Dungeon 2 retains the spirit of the first game--it's a visceral, tough-as-nails adventure that demands patience to overcome. See at Fanatical Rogue Legacy 2Developer: Cellar Door GamesRelease Date: April 28, 2022Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, PCWhen the original Rogue Legacy launched in 2013, its combination of metroidvania with roguelite elements was already promising. Yet, it pushed things further with a genius feature where, each time you die, one of your children succeeds you. The trick? Everybody has unique traits, from gigantism and baldness to color blindness and dyslexia, which would have gameplay impacts from the beneficial to the hilarious.Rogue Legacy 2 pushes the novelty with even more traits and classes, including a bard and a dragon lancer. The metroidvania aspect has also been improved with the addition of unique items that permanently unlock abilities to further explore the world and unveil its secrets. It's a sequel that successfully ticks every box a sequel must, and does so with a familiar grace and humor that still has a lot to offer over a decade later. See at Steam Spelunky 2Developer: Mossmouth and BlitWorksRelease Date: September 29, 2020Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, PCSpelunky is the classic go-to recommendation for a roguelike with ironclad design. The platformer with an Indiana Jones spirit made for one of the most challenging roguelites out there, requiring patience and the willingness to study every possible enemy pattern, trap, and miscalculation that can end your run, and then memorize it all for the next attempt.Spelunky 2 is a showcase of refinement upon refinement. Sure, it's touted with a bigger world with new areas to study, multiple routes to find and take advantage of, and an assortment of features meant to subvert long-standing fans' expectations. The sequel's greatest trick, however, is once again proving that meticulously thought design can elevate good ideas to admirable heights. The only way to improve is to keep trying, over and over, until surpassing the obstacles in your way becomes second nature. And then you get to do it all over again in the following area. See at Steam Slay the SpireDeveloper: Mega CritRelease Date: January 23, 2019Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, Android, iOS, PCDeck-building has become a popular marriage candidate for roguelites, and Slay the Spire might be one of the games responsible for its popularity. The premise is simple: You pick a character who has a predefined card deck and jump into a procedurally generated run. The rewards, obstacles, and challenges roaming your chosen paths are always different, demanding different strategies.As you make your way through a game session, you'll collect more cards for your deck, slowly customizing the options available to fit different playstyles and adapt yourself to the danger at hand. Do you invest in dealing as much damage as possible, neglecting your defense? Do you try to come up with different synergies to create a jack-of-all-trades card deck? There's always something to learn and discover, and the number of combinations available to experiment with is seducingly daunting. The best part? There's a sequel in the works, slated for 2025. See at Steam Risk of Rain 2Developer: Hopoo GamesRelease Date: August 11, 2020Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, PCRisk of Rain 2 is one of the few roguelites that explored the idea of taking the often pixel art, 2D-driven presentations of the genre and experimenting with 3D instead. Taking the elements that made its predecessor great, from enemy design to the different survivors you control, the change of perspective led to a breath of fresh air in the genre, and one of the most entertaining online games out there.The 1.0 release on August 11, 2020 has been followed up with hefty updates and paid DLC since. You can spend hours just fooling around with friends and seeing how far you can go. Once you get invested in the game's most intricate secrets and mechanics, however, you'll find out that the thrill comes down to becoming an unstoppable force challenged by a dynamic difficulty meter that's constantly keeping you on your toes. The use of 3D, then, isn't a mere novelty--it literally shines a new light on what roguelites can achieve when looked at from a different perspective, adding a different sense of movement and scale to the usual roguelite chaos. See at Steam Crypt of the NecrodancerDeveloper: Brace Yourself GamesRelease Date: April 23, 2015Platforms: PlayStation 4, Xbox One, Nintendo Switch, Android, iOS, PCCrypt of the Necrodancer might be one of the oldest picks of our best roguelike games list, but the reason is simple: No other roguelite has managed to combine the genre conventions with the mechanics of a rhythm game to such success. Every movement and action in the game is tied to the beat of the soundtrack blasting in the background.Enemies have different patterns that you must learn, all while carefully moving on tiles as if you were tapping the floor with your foot following a song. Even if you're not rhythm game savvy, the mix of both genres is accommodating enough to make you a believer--right until you meet a dragon for the first time, that is. After the original release, Cadence of Hyrule followed up on the concept, with the studio collaborating with Nintendo for a different take on The Legend of Zelda. But Crypt of the Necrodancer remains a worthy rogue classic. See at Steam Into the BreachDeveloper: Subset GamesRelease Date: February 27, 2018Platforms: Nintendo Switch, Android, iOS, PCThe alien invasion grows in numbers. You must assemble a squad of a handful of units and try to beat the odds. When you inevitably meet your demise, the last person standing creates a rift and travels to a different timeline. Time to start again.Into the Breach has a steep learning curve. Its design conventions, however, make it worth the effort to learn how to best use the space given to you and how your units can counterattack the alien push. The game is clear about the consequences of your movements on each map grid--whether or not you'll be able to land an attack, if one of your mechs will be caught in a tidal wave or an enemy projectile, and so on.Often, playing the strategy roguelike feels like a series of elaborate board games, where you carefully move pieces and spend your time thinking of the best possible plan. When it all comes together, the satisfaction is unparalleled. But even when you fail and you're sent to another timeline to commence anew, there's a thrill in knowing that next time might be the one if you take the time to analyze your movements and execute with care.Into the Breach is also the rare game to receive a 10/10 from GameSpot. See at Steam Loop HeroDeveloper: Four QuartersRelease Date: March 4, 2021Platforms: Xbox One, Xbox Series X|S, Nintendo Switch, Android, iOS, PCThe concept of loops and the repetitive nature of roguelites are a natural pairing. Loop Hero not only understands it, but extends it further by turning you into a dungeon master of sorts. You're given the choice of a hero and a map layout, as well as a deck of cards. You can place different types of terrain and structures, each having its own pros and cons. But you also need to place enemies, slowly making each loop--where the character walks a full cycle of the map--more intricate to navigate.The randomized nature of roguelites is heightened by giving you agency over the dangers that your hero will have to overcome. With a large number of unlockables to pursue after each session, as well as a captivating presentation, Loop Hero is one of the most inventive roguelites out there. See at Fanatical ReturnalDeveloper: HousemarqueRelease Date: April 30, 2021Platforms: PlayStation 5, PCHousemarque's expertise lies in games with an arcade nature, from Resogun to Nex Machina. At first glance, Returnal seems different--its presentation is powered by a level of production that screams AAA game. Initially introduced as a PlayStation 5 exclusive, the third-person shooter makes an interesting use of the roguelite concept, intertwining story events with each death. Similarly to Hades, meeting your demise rarely means taking a step back.Don't let its prestigious look deceive you, though--Returnal is the living proof of a modern arcade game, taking cues from the bullet hell genre. This means that you must be in constant movement, carefully timing dodges and narrow jumps to avoid a barrage of projectiles coming your way from all directions. A sequel is slated for 2026, but the first game deserves all of your attention. It's one of the best games in the PlayStation catalog, and a thrilling showcase of how a roguelite structure can inform a story, blending into one coexisting vehicle for a narrative that wouldn't work elsewhere. See at Fanatical Shogun ShowdownDeveloper: RoboatinoRelease Date: September 5, 2024Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, PCDeveloper Roboatino saw the synergy of roguelike and deck-building elements and decided to add turn-based combat to the mix. You command a lone hero who must take positioning and time into consideration to defeat multiple enemies and make it out unscathed.Using an inventive mechanic regarding the tiles you set foot on, Shogun Showdown hides a surprising level of depth, which you gradually uncover the more time you spend with it. You can upgrade and sacrifice different movements and skills in between battles, and as you die, you'll unlock new characters and attacks to experiment with. If you want to test the game's combat by yourself, there's a free prologue available on PC. See at Fanatical Blue PrinceDeveloper: DogubombRelease Date: April 10, 2025Platforms: PlayStation 5, Xbox Series X|S, PCIn Blue Prince, you're a fourteen-year-old boy next in line for an inheritance. The catch is that you first need to explore a manor that changes its inner structure each day, hiding access to the elusive room 46 somewhere within its bowels. Dogubomb's title is part puzzle game, part roguelite, part investigative game.When you start a new day, you're given a number of steps that you can take inside the manor. Upon interacting with a door, the game grants you a random selection of rooms, each containing a puzzle, resource items, or a clue to a larger mystery. Sometimes all three of them. The deeper you plunge into Blue Prince, the higher the chances of becoming engrossed by the sheer amount of layers upon layers of puzzles to solve. See at Fanatical Caves of QudDeveloper: Freehold GamesRelease Date: December 5, 2024Platforms: PCDevelopment for Caves of Qud began back in 2007, with the first public beta being released to the world in 2010. Then, after almost a decade in Steam early access, the game was fully launched on December 5, 2024. The science-fantasy roguelike is brimming with emergent stories, offering a deeply simulated world where you can shape the environment as you see fit, join one of over 70 factions, or simply get lost in the overwhelming number of possible actions and outcomes available.In Caves of Qud, every NPC and monster is as fully simulated as you, meaning that they all have their own skills, equipment, body parts, and levels. The body parts are important, as there are multiple mutations at play, from two heads to the power of cloning oneself. The sandbox nature and painstaking level of detail have added an unmatched identity to the roguelike over its long lifespan. Now, there's never been a better time to take a plunge and become a part of its labyrinthine systems and intricate synergies that are happening in the game without your input. See at Steam FTL: Faster Than LightDeveloper: Subset GamesRelease Date: September 14, 2021Platforms: iOS, PCCommanding a party is a classic go-to for roguelites. Being the captain of a spaceship where you must attend to your crew and rooms individually, however, is an idea that is still novel to this day. Before Into the Breach, developer Subset Games came up with a different adventure in outer space.Presented with randomly generated galaxies, you must pick different paths to warp to, taking care and managing your spaceship in your ventures. Everything from the state of the hull to the level of oxygen must be accounted for. While you might be lucky with the galaxy destinations you pick, your crew will inevitably have to confront other ships.It's during these moments that FTL: Faster Than Light showcases its exhilarating mix of mechanics, forcing you to act fast by putting up fires, deciding which rooms to open and which ones to close, and sending crew members to repair the ship, all while using similar strategies on the enemy at hand. There's no other game like FTL. See at Steam InscryptionDeveloper: Daniel Mullins GamesRelease Date: October 19, 2021Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, PCThe creator of the eerie Pony Island took a stab at the roguelike genre in 2021 with Inscryption. At first, you don't know where you are--all you can see is the inside of a dark cabin, and a strange figure that invites you to play a card game. The creepiness sets in more and more over time, as you use cards depicting animals that seem to be alive, trying to make progress in the game while also looking for an opportunity to try and figure out how to escape the cabin.Inscription has multiple twists that are best left as a secret. If you want a general indication of what to expect, however, this roguelike pulls you into an obscure setting that becomes darker the more time you spend with it, subverting existing genre conventions and familiar mechanics with a horror twist. See at Fanatical Dome KeeperDeveloper: BippinbitsRelease Date: September 27, 2022Platforms: PCDome Keeper is a great game for people who enjoy multitasking. As the name implies, you must protect a dome from enemy attacks. In order to do so, you must dig underneath the surface to search for resources and artifacts, which are used to choose upgrades and different ways to defend your base.Enemies won't just sit and wait, however. You only have a limited time to dig in between attack waves. Picking your upgrades carefully will make or break your chances of survival to gain another chance at plunging through the surface and build better defenses. Dome Keeper is an ambitious survival game that takes cue from roguelikes and tower defense games to create a different kind of challenge to overcome. See at Fanatical Monster TrainDeveloper: Shiny ShoeRelease Date: May 20, 2020Platforms: PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, iOS, PCMonster Train is the distant cousin of Slay the Spire. You're given a deck of cards that you slowly grow during runs, as well as different paths to choose from. The twist is how combat encounters are structured, turning elements like positioning and card strategies on their head.Whenever you face enemies, you're presented with a large vertical structure that has three play fields. You must carefully plan where to place your cards to defend the train's core. It's an idea that's pushed to its limit time and time again with the cards available and the ways in which enemies can also strategize around your defenses. Monster Train is a prime example of how much innovation is still in the genre. See at Fanatical Vampire SurvivorsDeveloper: PoncleRelease Date: October 20, 2022Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, Nintendo Switch, Android, iOS, PCTaking inspiration from a mobile game called Magic Survival, in which the main character attacked automatically without the player's input, developer Poncle leaned on a fascination for Castlevania's aesthetic to iterate on the concept. The simple idea led to an absurd amount of characters, levels, and items to unlock--including, of course, an official collaboration with Konami to include more than just indirect references to the Castlevania series.Playing a Vampire Survivors stage can last anything from 15 to 20 or 30 minutes--if you can survive long enough with the items you've acquired. Even if you fail, however, you're constantly unlocking items, characters, and stages to explore in subsequent runs. It's a game that's best described as a Pandora's Box equivalent. Especially considering the chaos that it will likely inflict on your schedule. See at Steam Hitman World of Assassination: Freelancer ModeDeveloper: IO InteractiveRelease Date: January 26, 2023Platforms: PlayStation 4, PlayStation 5, Xbox One, Xbox Series X|S, PCThe Hitman series has always excelled in presenting puzzle boxes that double down as playgrounds to blend in, follow your target, and take them down in increasingly ridiculous ways. Freelancer Mode, introduced to Hitman World of Assassination on January 26, 2023, adds a different spin to the premise with a persistent and highly replayable experience.In this mode, targets are always random, and you're given access to different bonus objectives. Making use of a hub exclusive to Freelancer, Agent 47 must choose a crime syndicate to pursue, which sets the mood of the campaign, and then get started without any equipment or weapons. If you've already mastered the classic Hitman levels or you just want a different, ridiculously polished roguelike experience, Freelancer Mode is a distinct and ambitious take on the genre. Worth mentioning that Hitman World of Assassination is also slated to launch on Nintendo Switch 2. See at Steam InkboundDeveloper: Shiny ShoeRelease Date: April 9, 2024Platforms: PCFrom the makers of Monster Train comes Inkbound, a turn-based tactical roguelike that offers co-op, and synergies that are heightened by coordinating with others online. Players can move freely and act simultaneously in multiplayer, picking from eight different classes to try out different combinations.There's also a deck-building element of sorts involved in the vein of draftable abilities, upgrades, and an array of items to use in-game. It's an intriguing blend of genres that might take some time to get used to. Once things click, however, you and the rest of the party will be working in tandem to see how far you can push your strategies. See at Steam God of War Ragnarok: ValhallaDeveloper: Santa Monica StudiosRelease Date: December 12, 2023Platforms: PlayStation 4, PlayStation 5, PCGod of War Ragnarok is a behemoth of an action-RPG, featuring a lengthy campaign across open areas with side quests, collectibles, and dozens of corners to explore. If you're looking for a break from the main story or just want to try a new roguelite that elevates some of the game's strengths in a different structure, the free Valhalla DLC is a must play.Taking place after the events of the main story (although you can jump into it at any point from the main menu without worrying about spoilers of the main campaign), Valhalla has Kratos going through a series of punishing trials, which slowly serve as a therapy session of sorts as he reminiscences of the events that happened during the original trilogy of God of War games.The bite-sized rendition of combat encounters shines a different light on combat mechanics that you may already be familiar with. And, taking cues from the likes of Hades and Returnal, each death pushes the story forward in meaningful ways. Valhalla is a rare combination of genres that shouldn't work as well as they do, and it deserves your time before the next adventure of Kratos inevitably rolls in. See at Fanatical NoitaDeveloper: Nolla GamesRelease Date: October 15, 2020Platforms: PCAfter a short early access period in 2019, Noita was fully released in October 2020, and provided an escape from the horrors of that year with, well, more horrors. Its punishing difficulty and procedurally-generated worlds provide deep and engaging gameplay. Noita places you in the shoes of a wand-wielding alchemist navigating a deadly, destructible world. The seemingly simple pixel art style leads to complexity where water flows, acid burns, fire spreads, and cave-ins can be triggered by a single misplaced explosive.Unlike many roguelikes that focus on stat-based progression, Noita appeals to player creativity and experimentation. The game's wand crafting system is a particular highlight, allowing you to mix and match spells, modifiers, and triggers to create devastating effects or strange contraptions that alter the way the game plays with every decision. The fun of Noita is learning how to break it in delightfully chaotic ways. This customization means each run feels unique, not just because of the randomized levels, but because the tools at your disposal and the way you choose to implement them define each playthrough. Noita is deeper than it first appears, with plenty of secrets and mysteries to uncover. Its expansive hidden world and lore begs to be uncovered, and the community engagement and conversation around it continues even half a decade on from its release. Experiment with fire, mess around with slime, and Noita will reward your curiosity. You'll find that, most of the time, death in Noita stems from your own creation, giving the game a cruel sense of irony and punishment. Despite that, or perhaps even because of that, Noita is a beautiful experience. See at Steam

New monsters, features, and more arrive in the Forbidden Lands with Free Title Update 2, dropping in Monster Hunter Wilds on June 30! Watch the latest trailer for a look at what awaits you. Play Video Monster Hunter Wilds – Free Title Update 2 In addition to what’s featured in the trailer, Free Title Update 2 will also feature improvements and adjustments to various aspects of the game. Make sure to check the official Monster Hunter Wilds website for a new Director’s Letter from Game Director Yuya Tokuda coming soon, for a deeper dive into what’s coming in addition to the core new monsters and features. ● The Leviathan, Lagiacrus, emerges at last View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image The long-awaited Leviathan, Lagiacrus, has finally appeared in Monster Hunter Wilds! Floating at the top of the aquatic food chain, Lagiacrus is a master of the sea, boiling the surrounding water by emitting powerful currents of electricity. New missions to hunt Lagiacrus will become available for hunters at Hunter Rank 31 or above, and after clearing the “A World Turned Upside Down” main mission, and the “Forest Doshaguma” side mission. While you’ll fight Lagiacrus primarily on land, your hunt against this formidable foe can also take you deep underwater for a special encounter, where it feels most at home. During the underwater portion of the hunt, hunters won’t be able to use their weapons freely, but there are still ways to fight back and turn the tide of battle. Stay alert for your opportunities! Hunt Lagiacrus to obtain materials for new hunter and Palico armor! As usual, these sets can be used as layered armor as well. ● The Flying Wyvern, Seregios, strikes View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image Shining golden bright, the flying wyvern, Seregios, swoops into the Forbidden Lands with Free Title Update 2! Seregios is a highly mobile aerial monster that fires sharp bladescales, inflicting bleeding status on hunters. Keep an eye on your health and bring along rations and well-done steak when hunting this monster. Missions to hunt Seregios are available for hunters at HR 31 or above that have cleared the “A World Turned Upside Down” main mission. New hunter and Palico armor forged from Seregios materials awaits you! For hunters looking for a greater challenge, 8★ Tempered Lagiacrus and Seregios will begin appearing for hunters at HR 41 or higher, after completing their initial missions. Best of luck against these powerful monsters! Hunt in style with layered weapons With Free Title Update 2, hunters will be able to use Layered Weapons, which lets you use the look of any weapon, while keeping the stats and abilities of another. To unlock a weapon design as a Layered Weapon option, you’ll need to craft the final weapon in that weapon’s upgrade tree. Artian Weapons can be used as layered weapons by fully reinforcing a Rarity 8 Artian weapon. For weapons that change in appearance when upgraded, you’ll also have the option to use their pre-upgrade designs as well! You can also craft layered Palico weapons by forging their high-rank weapons. We hope this feature encourages you to delve deeper into crafting the powerful Artian Weapon you’ve been looking for, all while keeping the appearance of your favorite weapon. New optional features Change your choice of handler accompanying you in the field to Eric after completing the Lagiacrus mission in Free Title Update 2! You can always switch back to Alma too, but it doesn’t hurt to give our trusty handler a break from time to time. A new Support Hunter joins the fray Mina, a support hunter who wields a Sword & Shield, joins the hunt. With Free Title Update 2, you’ll be able to choose which support hunters can join you on quests. Photo Mode Improvements Snap even more creative photos of your hunts with some new options, including an Effects tab to adjust brightness and filter effects, and a Character Display tab to toggle off your Handler, Palico, Seikret, and more. Celebrate summer with the Festival of Accord: Flamefete seasonal event View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image The next seasonal event in Monster Hunter Wilds, the Festival of Accord: Flamefete, will take place in the Grand Hub from July 23 to August 6! Cool off with this summer themed celebration, where you can obtain new armor, gestures, and pop-up camp decorations for a limited time. You’ll also be able to eat special seasonal event meals and enjoy the fun of summer as the Grand Hub and all it’s members will be dressed to mark the occasion. Arch-Tempered Uth Duna slams down starting July 30 Take on an even more powerful version of Uth Duna when Arch-Tempered Uth Duna arrives as an Event Quest and Free Challenge Quest from July 30 to August 20! Take on and defeat the challenging apex of the Scarlet Forest to obtain materials for crafting the new Uth Duna γ hunter armor set and the Felyne Uth Duna γ Palico armor set. Be sure you’re at least HR 50 or above to take on this quest. We’ve also got plenty of new Event Quests on the way in the weeks ahead, including some where you can earn new special equipment, quests to obtain more armor spheres, and challenge quests against Mizutsune. Be sure to keep checking back each week to see what’s new! A special collaboration with Fender Monster Hunter Wilds is collaborating with world-renowned guitar brand Fender®! From August 27 to September 24, a special Event Quest will be available to earn a collaboration gesture that lets you rock out with the Monster Hunter Rathalos Telecaster®. In celebration of Monster Hunter’s 20th anniversary, the globally released Monster Hunter Rathalos Telecaster® collaboration guitar is making its way into the game! Be sure to experience it both in-game and in real life! A new round of cosmetic DLC arrives View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image View and download image Download the image close Close Download this image Express your style with additional DLC, including four free dance gestures. Paid cosmetic DLC, such as gestures, stickers, pendants, and more will also be available. If you’ve purchased the Premium Deluxe Edition of Monster Hunter Wilds or the Cosmetic DLC Pass, Cosmetic DLC Pack 2 and other additional items will be available to download when Free Title Update 2 releases.  Free Title Update roadmap We hope you’re excited to dive into all the content coming with Free Title Update 2! We’ll continue to release updates, with Free Title Update 3 coming at the end of September. Stay tuned for more details to come. A Monster Hunter Wilds background is added to the PS5 Welcome hub Alongside Free Title Update 2 on June 30, an animated background featuring the hunters facing Arkveld during the Inclemency will be added to the Welcome hub. Customize your PS5 Welcome hub with Monster Hunter Wilds to get you in the hunting mood. View and download image Download the image close Close Download this image How to change the backgroundWelcome hub -> Change background -> Games Try out Monster Hunter Wilds on PS5 with a PlayStation Plus Premium Game Trial starting on June 30 View and download image Download the image close Close Download this image With the Game Trial, you can try out the full version of the game for 2 hours. If you decide to purchase the full version after the trial, your save data will carry over, allowing you to continue playing seamlessly right where you left off. If you haven’t played Monster Hunter Wilds yet, this is a great way to give it a try. Happy Hunting!

In Brief Posted: 10:54 AM PDT · June 14, 2025 Image Credits:Mario Tama / Getty Images Waymo limits service ahead of today’s ‘No Kings’ protests Alphabet-owned robotaxi company Waymo is limiting service due to Saturday’s scheduled nationwide “No Kings” protests against President Donald Trump and his policies. A Waymo spokesperson confirmed the changes to Wired on Friday. Service is reportedly affected in San Francisco, Austin, Atlanta, and Phoenix, and is entirely suspended in Los Angeles. It’s not clear how long the limited service will last. As part of protests last weekend in Los Angeles against the Trump administration’s immigration crackdown, five Waymo vehicles were set on fire and spray painted with anti-Immigration and Customs Enforcement (ICE) messages. In response, Waymo suspended service in downtown LA. While it’s not entirely clear why protestors targeted the vehicles, they may be seen as a surveillance tool, as police departments have requested robotaxi footage for their investigations in the past. (Waymo says it challenges requests that it sees as overly broad or lacking a legal basis.) According to the San Francisco Chronicle, the city’s fire chief told officials Wednesday that “in a period of civil unrest, we will not try to extinguish those fires unless they are up against a building.” Topics

The Minions pose during the world premiere of the film "Despicable Me 4" in New York City, June 9, 2024.  (REUTERS/Kena Betancur) NEWYou can now listen to Fox News articles! Welcome to Fox News’ Artificial Intelligence newsletter with the latest AI technology advancements.IN TODAY’S NEWSLETTER:- Major Hollywood studios sue AI company over copyright infringement in landmark move- Meta's Zuckerberg aiming to dominate AI race with recruiting push for new ‘superintelligence’ team: report- OpenAI says this state will play central role in artificial intelligence development The website of Midjourney, an artificial intelligence (AI) capable of creating AI art, is seen on a smartphone on April 3, 2023, in Berlin, Germany. (Thomas Trutschel/Photothek via Getty Images)'PIRACY IS PIRACY': Two major Hollywood studios are suing Midjourney, a popular AI image generator, over its use and distribution of intellectual property.AI RACE: Meta CEO Mark Zuckerberg is reportedly building a team of experts to develop artificial general intelligence (AGI) that can meet or exceed human capabilities.TECH HUB: New York is poised to play a central role in the development of artificial intelligence (AI), OpenAI executives told key business and civic leaders on Tuesday. Attendees watch a presentation during an event on the Apple campus in Cupertino, Calif., Monday, June 9, 2025.  (AP Photo/Jeff Chiu)APPLE FALLING BEHIND: Apple’s annual Worldwide Developers Conference (WWDC) kicked off on Monday and runs through Friday. But the Cupertino-based company is not making us wait until the end. The major announcements have already been made, and there are quite a few. The headliners are new software versions for Macs, iPhones, iPads and Vision. FROM COAL TO CODE: This week, Amazon announced a $20 billion investment in artificial intelligence infrastructure in the form of new data centers, the largest in the commonwealth's history, according to the eCommerce giant.DIGITAL DEFENSE: A growing number of fire departments across the country are turning to artificial intelligence to help detect and respond to wildfires more quickly. Rep. Darin LaHood, R-Ill., leaves the House Republican Conference meeting at the Capitol Hill Club in Washington on Tuesday, May 17, 2022.  (Bill Clark/CQ-Roll Call, Inc via Getty Images)SHIELD FROM BEIJING: Rep. Darin LaHood, R-Ill., is introducing a new bill Thursday imploring the National Security Administration (NSA) to develop an "AI security playbook" to stay ahead of threats from China and other foreign adversaries. ROBOT RALLY PARTNER: Finding a reliable tennis partner who matches your energy and skill level can be a challenge. Now, with Tenniix, an artificial intelligence-powered tennis robot from T-Apex, players of all abilities have a new way to practice and improve. DIGITAL DANGER ZONE: Scam ads on Facebook have evolved beyond the days of misspelled headlines and sketchy product photos. Today, many are powered by artificial intelligence, fueled by deepfake technology and distributed at scale through Facebook’s own ad system.  Fairfield, Ohio, USA - February 25, 2011 : Chipotle Mexican Grill Logo on brick building. Chipotle is a chain of fast casual restaurants in the United States and Canada that specialize in burritos and tacos. (iStock)'EXPONENTIAL RATE': Artificial intelligence is helping Chipotle rapidly grow its footprint, according to CEO Scott Boatwright. AI TAKEOVER THREAT: The hottest topic nowadays revolves around Artificial Intelligence (AI) and its potential to rapidly and imminently transform the world we live in — economically, socially, politically and even defensively. Regardless of whether you believe that the technology will be able to develop superintelligence and lead a metamorphosis of everything, the possibility that may come to fruition is a catalyst for more far-leftist control.FOLLOW FOX NEWS ON SOCIAL MEDIASIGN UP FOR OUR OTHER NEWSLETTERSDOWNLOAD OUR APPSWATCH FOX NEWS ONLINEFox News GoSTREAM FOX NATIONFox NationStay up to date on the latest AI technology advancements and learn about the challenges and opportunities AI presents now and for the future with Fox News here. This article was written by Fox News staff.

Sony has confirmed that Marvel’s Wolverine and Intergalactic won’t launch this fiscal year. This year’s Business Segment Presentation and Fireside Chat listed both titles under “Upcoming” for its annual tentpole single-player releases. Sucker Punch Productions’ Ghost of Yōtei and Kojima Productions’ Death Stranding 2: On the Beach are listed as this year’s major releases, both launching before March 31st, 2026. Granted, it doesn’t outright confirm when Intergalactic or Marvel’s Wolverine will launch, so even launching in fiscal year 2027 isn’t a guarantee. Bloomberg’s Jason Schreier previously reported that Naughty Dog’s sci-fi action title wouldn’t be released in 2026. As for what titles could fill that gap, Naughty Dog president Neil Druckmann confirmed he’s working on an unannounced title as a producer. If it’s arriving later next year, perhaps there will be an announcement in the coming months. In the meantime, Death Stranding 2: On the Beach launches on June 26th for PS5, followed by Ghost of Yōtei on October 2nd. The latter will receive a deep dive next month.

PlayStation Studios boss Hermen Hulst has insisted that Bungie's upcoming live service shooter Marathon won't make the same mistakes as Concord.Discussing the company's live service ambitions during a fireside chat aimed at investors, Hulst said the market remains a "great opportunity" for PlayStation despite the company having a decidedly patchy track record when it comes to live service offerings.Last year, the company launched and swiftly scrapped live service hero shooter Concord after it failed to hit the ground running. It shuttered developer Firewalk weeks later after conceding the title "did not hit our targets."Sony scrapped two more live services titles in development at internal studios Bluepoint Games and Bend Studios in January this year. Earlier this week, it confirmed an undisclosed number of workers at Bend had been laid off as the studio transitions to its next project.Hulst said the company has learned hard lessons from those failures, and believes Marathon is well positioned to succeed as a result. "There are som unique challenges associated [with live service titles]. We've had some early successes as with Helldivers II. We've also faced some challenges, as with the release of Concord," said Hulst."I think that some really good work went into that title. Some really big efforts. But ultimately that title entered into a hyper-competitive segment of the market. I think it was insufficiently differentiated to be able to resonate with players. So we have reviewed our processes in light of this to deeply understand how and why that title failed to meet expectations—and to ensure that we are not going to make the same mistakes again."Related:PlayStation Studios boss claims the demise of Concord presented a learning opportunityHulst said PlayStation Studios has now implemented more rigorous processes for validating and revalidating its creative, commercial, and development assumptions and hypothesis. "We do that on a much more ongoing basis," he added. "That's the plan that will ensure we're investing in the right opportunities at the right time, all while maintaining much more predictable timelines for Marathon."The upcoming shooter is set to be the first new Bungie title in over a decade—and the first project outside of Destiny the studio has worked on since it was acquired by PlayStation in 2022.Hulst said the aim is to release a "very bold, very innovative, and deeply engaging title." He explained Marathon is currently navigating test cycles that have yielded "varied" feedback, but said those mixed impressions have been "super useful."Related:"That's why you do these tests. The constant testing and constant revalidation of assumptions that we just talked about, to me, is so valuable to iterate and to constantly improves the title," he added. "So when launch comes we're going to give the title the optimal chance of success."Hulst might be exuding confidence, but a recent report from Forbes claimed morale is in "free fall" at Bungie after the studio admitted to using stolen art assets in Marathon. That "varied" player feedback has also reportedly caused concern internally ahead of Marathon's proposed September 23 launch date.The studio was also made to ensure layoffs earlier this year, with Sony cutting 220 roles after exceeding "financial safety margins."

Things are warming up as Remedy’s FBC: Firebreak approaches its June 17 launch on PlayStation 5 as part of the PlayStation Plus Game Catalog. We chatted with Communications Director Thomas Puha, Lead Level Designer Teemu Huhtiniemi, Lead Designer/Lead Technical Designer Anssi Hyytiainen, and Game Director/Lead Writer Mike Kayatta about some of the fascinating and often hilarious development secrets behind the first-person shooter. PlayStation Blog: First, what PS5 and PS5 Pro features did you utilize? Thomas Puha: We’ll support 3D Audio, and we’re prioritising 60 FPS on both formats. We’re aiming for FSR2 with an output resolution of 2560 x 1440 (1440p) on PS, and PSSR with an output resolution of 3840×2160 (4K) on PS5 Pro. Some of the DualSense wireless controller’s features are still a work in progress, but we’re looking to use haptic feedback in a similar way to our previous titles, such as Control and Alan Wake 2. For example, we want to differentiate the weapons to feel unique from each other using the adaptive triggers. Going into the game itself, were there any other influences on its creation outside of Control? Mike Kayatta: We looked at different TV shows that had lots of tools for going into a place and dealing with a crisis. One was a reality show called Dirty Jobs, where the host Mike Rowe finds these terrible, dangerous, or unexpected jobs that you don’t know exist, like cleaning out the inside of a water tower. We also looked at PowerWash Simulator. Cleaning dirt is oddly meditative and really fulfilling. It made me wish a zombie attacked me to break the Zen, and then I’d go right back to cleaning. And we were like, that would be pretty fun in the game. Play Video Were there specific challenges you faced given it’s your first multiplayer game and first-person shooter? Anssi Hyytiainen: It’s radically different from a workflow point of view. You can’t really test it alone, necessarily, which is quite a different experience. And then there are times when one player is missing things on their screen that others are seeing. It was like, “What are you shooting at?” What’s been your favorite moments developing the game so far? Teemu Huhtiniemi: There were so many. But I like when we started seeing all of these overlapping systems kind of click, because there’s a long time in the development where you talk about things on paper and have some prototypes, but you don’t really see it all come together until a point. Then you start seeing the interaction between the systems and all the fun that comes out of that. Kayatta: I imagine there’s a lot of people who probably are a little skeptical about Remedy making something so different. Even internally, when the project was starting. And once we got the trailer out there, everyone was so nervous, but it got a pretty positive reaction. Exposing it to the public is very motivating, because with games, for a very long time, there is nothing, or it is janky and it’s ugly and you don’t find the fun immediately. Were there any specific ideals you followed while you worked on the game? Kayatta: Early on we were constantly asking ourselves, “Could this only happen in Control or at Remedy?” Because the first thing you hear is, “Okay, this is just another co-op multiplayer shooter” – there’s thousands of them, and they’re all good. So what can we do to make it worth playing our game? We were always saying we’ve got this super weird universe and really interesting studio, so we’re always looking at what we could do that nobody else can. Huhtiniemi: I think for me it was when we chose to just embrace the chaos. Like, that’s the whole point of the game. It’s supposed to feel overwhelming and busy at times, so that was great to say it out loud. Kayatta: Yeah, originally we had a prototype where there were only two Hiss in the level, but it just didn’t work, it wasn’t fun. Then everything just accidentally went in the opposite direction, where it was super chaos. At some point we actually started looking at Overcooked quite a bit, and saying, “Look, just embrace it. It’s gonna be nuts.” How did you finally decide on the name FBC: Firebreak, and were there any rejected, alternate, or working titles? Kayatta: So Firebreak is named after real world firebreaks, where you deforest an area to prevent a fire from spreading, but firebreaks are also topographical features of the Oldest House. And so we leaned into the term being a first responder who stops fires from spreading. The FBC part came from not wanting to put ‘Control’ in the title, so Control players wouldn’t feel like they had to detour to this before Control 2, but we didn’t want to totally detach from it either as that felt insincere. An external partner pitched a title. They were very serious about talking up the game being in the Oldest House, and then dramatically revealed the name: Housekeepers. I got what they were going for, but I was like, we cannot call it this. It was like you were playing as a maid!   FBC: Firebreak launches on PS5 June 17 as a day on PlayStation Plus Game Catalog title.

I recently came across an old jQuery tutorial demonstrating a “moving highlight” navigation bar and decided the concept was due for a modern upgrade. With this pattern, the border around the active navigation item animates directly from one element to another as the user clicks on menu items. In 2025, we have much better tools to manipulate the DOM via vanilla JavaScript. New features like the View Transition API make progressive enhancement more easily achievable and handle a lot of the animation minutiae. (Large preview) In this tutorial, I will demonstrate two methods of creating the “moving highlight” navigation bar using plain JavaScript and CSS. The first example uses the getBoundingClientRect method to explicitly animate the border between navigation bar items when they are clicked. The second example achieves the same functionality using the new View Transition API. The Initial Markup Let’s assume that we have a single-page application where content changes without the page being reloaded. The starting HTML and CSS are your standard navigation bar with an additional div element containing an id of #highlight. We give the first navigation item a class of .active. See the Pen Moving Highlight Navbar Starting Markup [forked] by Blake Lundquist. For this version, we will position the #highlight element around the element with the .active class to create a border. We can utilize absolute positioning and animate the element across the navigation bar to create the desired effect. We’ll hide it off-screen initially by adding left: -200px and include transition styles for all properties so that any changes in the position and size of the element will happen gradually. #highlight { z-index: 0; position: absolute; height: 100%; width: 100px; left: -200px; border: 2px solid green; box-sizing: border-box; transition: all 0.2s ease; } Add A Boilerplate Event Handler For Click Interactions We want the highlight element to animate when a user changes the .active navigation item. Let’s add a click event handler to the nav element, then filter for events caused only by elements matching our desired selector. In this case, we only want to change the .active nav item if the user clicks on a link that does not already have the .active class. Initially, we can call console.log to ensure the handler fires only when expected: const navbar = document.querySelector('nav'); navbar.addEventListener('click', function (event) { // return if the clicked element doesn't have the correct selector if (!event.target.matches('nav a:not(active)')) { return; } console.log('click'); }); Open your browser console and try clicking different items in the navigation bar. You should only see "click" being logged when you select a new item in the navigation bar. Now that we know our event handler is working on the correct elements let’s add code to move the .active class to the navigation item that was clicked. We can use the object passed into the event handler to find the element that initialized the event and give that element a class of .active after removing it from the previously active item. const navbar = document.querySelector('nav'); navbar.addEventListener('click', function (event) { // return if the clicked element doesn't have the correct selector if (!event.target.matches('nav a:not(active)')) { return; } - console.log('click'); + document.querySelector('nav a.active').classList.remove('active'); + event.target.classList.add('active'); }); Our #highlight element needs to move across the navigation bar and position itself around the active item. Let’s write a function to calculate a new position and width. Since the #highlight selector has transition styles applied, it will move gradually when its position changes. Using getBoundingClientRect, we can get information about the position and size of an element. We calculate the width of the active navigation item and its offset from the left boundary of the parent element. Then, we assign styles to the highlight element so that its size and position match. // handler for moving the highlight const moveHighlight = () => { const activeNavItem = document.querySelector('a.active'); const highlighterElement = document.querySelector('#highlight'); const width = activeNavItem.offsetWidth; const itemPos = activeNavItem.getBoundingClientRect(); const navbarPos = navbar.getBoundingClientRect() const relativePosX = itemPos.left - navbarPos.left; const styles = { left: ${relativePosX}px, width: ${width}px, }; Object.assign(highlighterElement.style, styles); } Let’s call our new function when the click event fires: navbar.addEventListener('click', function (event) { // return if the clicked element doesn't have the correct selector if (!event.target.matches('nav a:not(active)')) { return; } document.querySelector('nav a.active').classList.remove('active'); event.target.classList.add('active'); + moveHighlight(); }); Finally, let’s also call the function immediately so that the border moves behind our initial active item when the page first loads: // handler for moving the highlight const moveHighlight = () => { // ... } // display the highlight when the page loads moveHighlight(); Now, the border moves across the navigation bar when a new item is selected. Try clicking the different navigation links to animate the navigation bar. See the Pen Moving Highlight Navbar [forked] by Blake Lundquist. That only took a few lines of vanilla JavaScript and could easily be extended to account for other interactions, like mouseover events. In the next section, we will explore refactoring this feature using the View Transition API. Using The View Transition API The View Transition API provides functionality to create animated transitions between website views. Under the hood, the API creates snapshots of “before” and “after” views and then handles transitioning between them. View transitions are useful for creating animations between documents, providing the native-app-like user experience featured in frameworks like Astro. However, the API also provides handlers meant for SPA-style applications. We will use it to reduce the JavaScript needed in our implementation and more easily create fallback functionality. For this approach, we no longer need a separate #highlight element. Instead, we can style the .active navigation item directly using pseudo-selectors and let the View Transition API handle the animation between the before-and-after UI states when a new navigation item is clicked. We’ll start by getting rid of the #highlight element and its associated CSS and replacing it with styles for the nav a::after pseudo-selector: <nav> - <div id="highlight"></div> <a href="#" class="active">Home</a> <a href="#services">Services</a> <a href="#about">About</a> <a href="#contact">Contact</a> </nav> - #highlight { - z-index: 0; - position: absolute; - height: 100%; - width: 0; - left: 0; - box-sizing: border-box; - transition: all 0.2s ease; - } + nav a::after { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border: none; + box-sizing: border-box; + } For the .active class, we include the view-transition-name property, thus unlocking the magic of the View Transition API. Once we trigger the view transition and change the location of the .active navigation item in the DOM, “before” and “after” snapshots will be taken, and the browser will animate the border across the bar. We’ll give our view transition the name of highlight, but we could theoretically give it any name. nav a.active::after { border: 2px solid green; view-transition-name: highlight; } Once we have a selector that contains a view-transition-name property, the only remaining step is to trigger the transition using the startViewTransition method and pass in a callback function. const navbar = document.querySelector('nav'); // Change the active nav item on click navbar.addEventListener('click', async function (event) { if (!event.target.matches('nav a:not(.active)')) { return; } document.startViewTransition(() => { document.querySelector('nav a.active').classList.remove('active'); event.target.classList.add('active'); }); }); Above is a revised version of the click handler. Instead of doing all the calculations for the size and position of the moving border ourselves, the View Transition API handles all of it for us. We only need to call document.startViewTransition and pass in a callback function to change the item that has the .active class! Adjusting The View Transition At this point, when clicking on a navigation link, you’ll notice that the transition works, but some strange sizing issues are visible. (Large preview) This sizing inconsistency is caused by aspect ratio changes during the course of the view transition. We won’t go into detail here, but Jake Archibald has a detailed explanation you can read for more information. In short, to ensure the height of the border stays uniform throughout the transition, we need to declare an explicit height for the ::view-transition-old and ::view-transition-new pseudo-selectors representing a static snapshot of the old and new view, respectively. ::view-transition-old(highlight) { height: 100%; } ::view-transition-new(highlight) { height: 100%; } Let’s do some final refactoring to tidy up our code by moving the callback to a separate function and adding a fallback for when view transitions aren’t supported: const navbar = document.querySelector('nav'); // change the item that has the .active class applied const setActiveElement = (elem) => { document.querySelector('nav a.active').classList.remove('active'); elem.classList.add('active'); } // Start view transition and pass in a callback on click navbar.addEventListener('click', async function (event) { if (!event.target.matches('nav a:not(.active)')) { return; } // Fallback for browsers that don't support View Transitions: if (!document.startViewTransition) { setActiveElement(event.target); return; } document.startViewTransition(() => setActiveElement(event.target)); }); Here’s our view transition-powered navigation bar! Observe the smooth transition when you click on the different links. See the Pen Moving Highlight Navbar with View Transition [forked] by Blake Lundquist. Conclusion Animations and transitions between website UI states used to require many kilobytes of external libraries, along with verbose, confusing, and error-prone code, but vanilla JavaScript and CSS have since incorporated features to achieve native-app-like interactions without breaking the bank. We demonstrated this by implementing the “moving highlight” navigation pattern using two approaches: CSS transitions combined with the getBoundingClientRect() method and the View Transition API. Resources getBoundingClientRect() method documentation View Transition API documentation “View Transitions: Handling Aspect Ratio Changes” by Jake Archibald