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