nowfound

Dev tools · June 6, 2022

How to build 2048 using React

🕹️ a 2048 clone built with React with proper animations!

How to build 2048 using React launched on June 6, 2022 with 2 votes. The site was still online in September 2026, 4 years on.

What it does

This game (2048) was built using React and TypeScript. The unique part of this example is animations. The animations in React aren't that straightforward, so I hope you can learn something new from it. You can find a video tutorial on my YouTube Channel.

:joystick: 2048 game in Next.js with awesome animations! - mateuszsokola/2048-in-react

Does a similar job

all alternatives →
  • A 2048 implementation in React2014 · github.com · ▲9

    An implementation of the 2048 game using React. Contribute to IvanVergiliev/2048-react development by creating an account on GitHub.

  • React for Designers2018 · designcode.io · ▲286

    Course for building a React site using components

  • React Rainbow Components2019 · react-rainbow.io · ▲327

    Build your web application in a snap.

  • I reverse engineered top websites to build an animated UI library2025 · reverseui.com · ▲156

    Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback

  • IM
    I made React with a faster Virtual DOM2022 · ▲109

    Hi! I made a React compatibility library for a Virtual DOM library (https://github.com/aidenybai/million). The idea is to have much faster rendering (a compiler optimizes virtual DOM beforehand) while ensuring the same developer experience React provides. This is very, VERY early stage, so be prepared for weird bugs / plugin incompatibility / etc. If you have any suggestions, I'd be more than happy if you replied in a comment with it! You can spin up the demo here >> https://stackblitz.com/github/aidenybai/million-react-compat

  • I built a browser based interactive React course2020 · react-tutorial.app · ▲24

    React Tutorial is the easiest, most interactive way to learn & practice modern React online. Learn in an interactive environment. Understand how React works not just how to build with React.

More dev tools this month

the category →
  • /dev/null▲482

    a social network for devs

    Dev tools · 3d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 23d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, June 2022

the whole month →
  • AF

    I've seen some interests in (simulation) video games here on HN so I thought I'd share a short version of our story. More than 6 years ago, me and my friend from university were playing around with an idea of making a game we always wanted to play. We worked on it on weekends but the progress was quite slow, especially due to so many dead ends and wasted effort. Eventually however, we solidified our direction and decided to take the risk to resign from our well paid SWE jobs and work on it full time. It took more than a year but yesterday we have finally released it on Steam:…

    Life & fun · 2022

  • Life & fun · 2022 · benoitessiambre.com

  • min(DALL·E) is a fast, minimal port of DALL·E Mini to PyTorch - kuprel/min-dalle

    Life & fun · 2022 · github.com

  • 1,100+ free Figma icons for modern UI design.

    Dev tools · 2022 · untitledui.com

  • MakerBox▲621

    600 tools with generous free plans for indie entrepreneurs

    Dev tools · 2022 · makerbox.club

  • Display your Notion data beautifully on your site, no-code

    Dev tools · 2022 · typedream.com