35+ JavaScript Tic Tac Toe Games

Last Updated on by in JavaScript
JavaScript Tic Tac Toe Game

Looking to play some fun JavaScript tic-tac-toe games? You’re in luck! With over 35 examples sourced from platforms like CodePen and GitHub, you’ll have plenty to choose from. These games are not only entertaining but also showcase the versatility of JavaScript in creating interactive web experiences.

Each example demonstrates the simplicity and efficiency of JavaScript coding, making them perfect for beginners and seasoned developers alike. With clear step-by-step tutorials and easy-to-understand code, you’ll be building your own Tic Tac Toe game in no time.

For web developers, these examples offer valuable insights into UI design and game development techniques. JavaScript’s ability to manipulate HTML and CSS dynamically allows for smooth and engaging user interactions, enhancing the overall gaming experience.

Game lovers will appreciate the variety of gameplay styles and designs showcased in these examples. Whether you prefer a classic grid layout or a more modern and interactive approach, there’s something for everyone to enjoy.

So why wait? Dive into the world of JavaScript tic-tac-toe games today and unleash your creativity. Check out the examples below and start building your own masterpiece!

1. Tic-tac-toe in JavaScript

See the Pen
Tic-tac-toe in JavaScript
by Jan Schreiber (@janschreiber)
on CodePen.


Author: Jan Schreiber @janschreiber
Links: Source Code / Demo
Created on: December 7, 2015
Made with: HTML, CSS, JS

2. Tic Tac Toe Board (Pure JavaScript)

See the Pen
Tic Tac Toe Board (Pure JavaScript)
by Sanket Vaghela (@sanketvaghela)
on CodePen.


Author: Sanket Vaghela @sanketvaghela
Links: Source Code / Demo
Created on: July 15, 2019
Made with: HTML(Pug), CSS(Sass), JS

3. Tic-Tac-Toe! w/ Vue.js

See the Pen
Tic-Tac-Toe! w/ Vue.js
by Evan Wike (@evanwike)
on CodePen.


Author: Evan Wike @evanwike
Links: Source Code / Demo
Created on: October 5, 2016
Made with: HTML, CSS(SCSS), JS

4. Tic-Tac-Toe

See the Pen
Tic-Tac-Toe
by Armando Amador (@ArmandoAmador)
on CodePen.


Author: Armando Amador @ArmandoAmador
Links: Source Code / Demo
Created on: November 18, 2013
Made with: HTML, CSS, JS

5. Tic-Tac-Toe

See the Pen
Tic-Tac-Toe
by Peter Daily (@thepeted)
on CodePen.


Author: Peter Daily @thepeted
Links: Source Code / Demo
Created on: November 8, 2015
Made with: HTML, CSS, JS

6. Concept – 3D Tic Tac Toe

See the Pen
Concept – 3D Tic Tac Toe
by Jeff Ayer (@DeptofJeffAyer)
on CodePen.


Author: Jeff Ayer @DeptofJeffAyer
Links: Source Code / Demo
Created on: August 31, 2015
Made with: HTML(Haml), CSS(SCSS), JS

7. Tic Tac Toe

See the Pen
Tic Tac Toe
by r00bal (@r00bal)
on CodePen.


Author: r00bal @r00bal
Links: Source Code / Demo
Created on: March 20, 2017
Made with: HTML, CSS(SCSS), JS

8. Tic Tac Toe

See the Pen
Tic Tac Toe
by AlxNotz (@AlxNotz)
on CodePen.


Author: AlxNotz @AlxNotz
Links: Source Code / Demo
Created on: July 27, 2016
Made with: HTML, CSS, JS

9. Tic Tac Toe: Dragons vs Unicorns

See the Pen
Tic Tac Toe: Dragons vs Unicorns
by Annie (@anniebombanie)
on CodePen.


Author: Annie @anniebombanie
Links: Source Code / Demo
Created on: September 21, 2020
Made with: HTML, CSS(SCSS), JS

10. Tic Tac Toe

See the Pen
Tic Tac Toe
by Emanuele (@Em-Ant)
on CodePen.


Author: Emanuele @Em-Ant
Links: Source Code / Demo
Created on: August 9, 2015
Made with: HTML, CSS, JS

11. Tic-Tac-Toe

See the Pen
Tic-Tac-Toe
by zoite (@zoite)
on CodePen.


Author: zoite @zoite
Links: Source Code / Demo
Created on: October 28, 2015
Made with: HTML(Pug), CSS(SCSS), JS

12. 3D Tic Tac Toe (React)

See the Pen
3D Tic Tac Toe (React)
by Yoav Kadosh (@ykadosh)
on CodePen.


Author: Yoav Kadosh @ykadosh
Links: Source Code / Demo
Created on: September 6, 2018
Made with: HTML, CSS(SCSS), JS(Babel)

13. Tic tac Toe (Minimax algorithm AI)

See the Pen
Tic tac Toe (Minimax algorithm AI)
by Raphael Pora (@rpora)
on CodePen.


Author: Raphael Pora @rpora
Links: Source Code / Demo
Created on: February 28, 2017
Made with: HTML, CSS(SCSS), JS(Babel)

14. Nobody beats me at Tic-tac-toe.

See the Pen
Nobody beats me at Tic-tac-toe.
by Jomohop (@jomohop)
on CodePen.


Author: Jomohop @jomohop
Links: Source Code / Demo
Created on: October 2, 2020
Made with: HTML, CSS, JS

15. Tic Tac Toe

See the Pen
Tic Tac Toe
by Rubber Ducky (@iamrubberducky)
on CodePen.


Author: Rubber Ducky @iamrubberducky
Links: Source Code / Demo
Created on: October  31, 2016
Made with: HTML, CSS(SCSS), JS(Babel)

16. Pure CSS Tic Tac Toe w/ SVG

See the Pen
Pure CSS Tic Tac Toe w/ SVG 🕹 #CodePenChallenge
by Jhey (@jh3y)
on CodePen.


Author: JHEY @jh3y
Links: Source Code / Demo
Created on: May 30, 2018
Made with: HTML(Pug), CSS(Stylus), JS(Babel)

17. CSS Tic-Tac-Toe

See the Pen
CSS Tic-Tac-Toe
by Alvaro Montoro (@alvaromontoro)
on CodePen.


Author: Alvaro Montoro @alvaromontoro
Links: Source Code / Demo
Created on: May 25, 2019
Made with: HTML, CSS, JS

18. CSS only tic tac toe with opponent logic

See the Pen
CSS only tic tac toe with opponent logic
by Stefano Peloso (@stefanoio)
on CodePen.


Author: Stefano Peloso @stefanoio
Links: Source Code / Demo
Created on: November 22, 2013
Made with: HTML, CSS(SCSS), JS

19. Tic Tac Toe

See the Pen
Tic Tac Toe
by Andrew Biddle (@Androplis)
on CodePen.


Author: Andrew Biddle @Androplis
Links: Source Code / Demo
Created on: December 11, 2018
Made with: HTML, CSS, JS

20. Pure CSS Tic Tac Toe!

See the Pen
Pure CSS Tic Tac Toe!
by Una Kravets (@una)
on CodePen.


Author: Una Kravets @una
Links: Source Code / Demo
Created on: March 11, 2016
Made with: HTML, CSS(SCSS), JS

21. Impossible Tic-Tac-Toe

See the Pen
Impossible Tic-Tac-Toe
by Epic (@EricSSartorius)
on CodePen.


Author: Epic @EricSSartorius
Links: Source Code / Demo
Created on: January 23, 2016
Made with: HTML(Pug), CSS(Stylus), JS

22. Pure CSS Tic-tac-toe

See the Pen
Pure CSS Tic-tac-toe
by Žiga Miklič (@ziga-miklic)
on CodePen.


Author: Žiga Miklič @ziga-miklic
Links: Source Code / Demo
Created on: August 12, 2014
Made with: HTML(Pug), CSS(SCSS), JS

23. Tic Tac Toe Game – HTML – CSS- JavaScript

See the Pen
Tic Tac Toe Game – HTML – CSS- JavaScript
by Marx (@marxcom)
on CodePen.


Author: Marx @marxcom
Links: Source Code / Demo
Created on: March 21, 2017
Made with: HTML, CSS, JS

24. Tic Tac Toe

See the Pen
Tic Tac Toe
by Yago Estévez (@yagoestevez)
on CodePen.


Author: Yago Estévez @yagoestevez
Links: Source Code / Demo
Created on: May 13, 2018
Made with: HTML, CSS, JS(Babel)

25. Tic Tac Toe game on React js

See the Pen
Tic Tac Toe game on React js
by Maxim Ivanov (@satansdeer)
on CodePen.


Author: Maxim Ivanov @satansdeer
Links: Source Code / Demo
Created on: October 11, 2014
Made with: HTML, CSS(Sass), JS(CoffeeScript)

26. Pretty Tic Tac Toe

See the Pen
Pretty Tic Tac Toe
by Emily Goldfein (@emilygoldfein)
on CodePen.


Author: Emily Goldfein @emilygoldfein
Links: Source Code / Demo
Created on: April 25, 2017
Made with: HTML, CSS, JS

27.  Unbeatable Tic Tac Toe

See the Pen
[Min Max] Unbeatable Tic Tac Toe [freeCodeCamp Project]
by Dovydas (@giveback007)
on CodePen.


Author: Dovydas @giveback007
Links: Source Code / Demo
Created on: May 21, 2017
Made with: HTML, CSS, JS

28. FCC Projects – Tic Tac Toe Game

See the Pen
FCC Projects – Tic Tac Toe Game
by Mohammed ERRAYSY (@merraysy)
on CodePen.


Author: Mohammed ERRAYSY @merraysy
Links: Source Code / Demo
Created on: March 17, 2016
Made with: HTML, CSS(Sass), JS

29. Tic-Tac-Toe

See the Pen
Tic-Tac-Toe
by Bruce Young (@MutantSpore)
on CodePen.


Author: Bruce Young @MutantSpore
Links: Source Code / Demo
Created on: December 16, 2015
Made with: HTML, CSS, JS

30. Tic Tac Toe game

See the Pen
Tic Tac Toe game
by tushar bandal (@tusharbandal)
on CodePen.


Author: tushar bandal @tusharbandal
Links: Source Code / Demo
Created on: January 21, 2014
Made with: HTML, CSS, JS

31. Tic-Tac-Toe

See the Pen
Tic-Tac-Toe
by YQ Taku (@yqtaku)
on CodePen.


Author: YQ Taku @yqtaku
Links: Source Code / Demo
Created on: January 9, 2013
Made with: HTML, CSS, JS

32. React Tic Tac Toe Game

See the Pen
React Tic Tac Toe Game
by Lorenzo (@lorepirri)
on CodePen.


Author: Lorenzo @lorepirri
Links: Source Code / Demo
Created on: June 25, 2017
Made with: HTML, CSS, JS(Babel)

33. 2 Player Tic Tac Toe

See the Pen
2 Player Tic Tac Toe
by Chris Phillips (@chris_is_phillips)
on CodePen.


Author: Chris Phillips @chris_is_phillips
Links: Source Code / Demo
Created on: November 18, 2015
Made with: HTML, CSS, JS

34. Tic Tac Toe Game

See the Pen
Tic Tac Toe Game
by Ali Muhammad (@alimsbaee)
on CodePen.


Author: Ali Muhammad @alimsbaee
Links: Source Code / Demo
Created on: February 23, 2016
Made with: HTML, CSS, JS

35. Tic Tac Toe

See the Pen
Tic Tac Toe
by Jason Knight (@jason-knight)
on CodePen.


Author: Jason Knight @jason-knight
Links: Source Code / Demo
Created on: March 16, 2021
Made with: HTML, CSS, JS

36. Star Wars Tic-tac-toe

See the Pen
Star Wars Tic-tac-toe
by Jesse Zelaya (@jesszee)
on CodePen.


Author: Jesse Zelaya @jesszee
Links: Source Code / Demo
Created on: December 13, 2015
Made with: HTML, CSS(Less), JS

Age calculator tool

🎂✨ Discover your age in detail and with countdown to your next birthday with fun facts! 🎈🎉

Calculate your age now!
Digamber - Author positronX.io

Hi, I'm Digamber Singh, a New Delhi-based full-stack developer, tech author, and open-source contributor with 10+ years' experience in HTML, CSS, JavaScript, PHP, and WordPress.