A <chess-board> HTML element for any web page or app
Hello HN, For a few months I'm been working on a fun side-project to port the (awesome) chessboardjs library to an easily reusable and embeddable web component. The quarantine has finally spurred me to put the finishing touches on it. https://justinfagnani.github.io/chessboard-element/ It works in plain HTML files just by writing an HTML tag: And it works in any framework because it's just an HTML element. Styling is encapsulated and customizable with CSS properties and parts: chess-board { --dark-color: darkmagenta; } /* Highlight the e2 square in red */…
A <chess-board> HTML element for any web page or app launched on April 6, 2020 with 19 votes, #1,112 of 5,003 launches that month and more than 75% of that year's launches.
In plain words
This is an HTML web component that adds a reusable chessboard element to any website or application. Developers can embed it with a simple HTML tag that works across frameworks like React, Vue, and plain JavaScript. The component features encapsulated styling that can be customized using CSS properties and pseudo-parts, allowing users to modify colors and highlight specific squares without affecting the rest of the page.
written from the facts on this page · September 2026
From the sources
In the maker’s words, at launch
Hello HN, For a few months I'm been working on a fun side-project to port the (awesome) chessboardjs library to an easily reusable and embeddable web component. The quarantine has finally spurred me to put the finishing touches on it. https://justinfagnani.github.io/chessboard-element/ It works in…
Does a similar job
all alternatives →
Boardzilla, a framework for making web-based board games2024 · boardzilla.io · ▲574Show HN: Boardzilla, a framework for making web-based board games Tldr: We’ve made a framework for web-based board games. You can try out some games over at https://boardzilla.io, or you can take a look at https://docs.boardzilla.io to learn more about how to develop your own game. Source is available at https://github.com/boardzilla Hey y’all. My brother and I have made a framework for board games. During the pandemic we started to look at BGA but got discouraged by how old-fashioned the tools were and how cumbersome the development process was. We set out…
- 3C3D chess game done entirely in HTML/CSS/javascript (webkit only)2012 · codepen.io · ▲10
- CMChessboardify – Make the grid a chessboard2016 · chessboardifygame.xyz · ▲95
Sameshi – a ~1200 Elo chess engine that fits within 2KBFeb 2026 · github.com · ▲230I made a chess engine today, and made it fit within 2KB. I used a variant of MinMax called Negamax, with alpha beta pruning. For the board representation I have used a 120-cell "mailbox". I managed to squeeze in checkmate/stalemate in there, after trimming out some edge cases. I am a great fan of demoscene (computer art subculture) since middle school, and hence it was a ritual i had to perform. For estimating the Elo, I measured 240 automated games against Stockfish Elo levels (1320 to 1600) under fixed depth-5 and some constrained rules, using equal color distribution. Then converted…
- DJDrawingboard.js2013 · leimi.github.io · ▲233
- RJRune.js – Graphic design systems with SVG in the browser or Node.js2015 · runemadsen.github.io · ▲92
A JavaScript library for programming graphic design systems with SVG
More dev tools this month
the category →
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 1d ago · github.com
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 24d ago · openbot.run
Talanoa▲346Hi 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 · 22d ago · talanoa.email
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, April 2020
the whole month →
https://github.com/OlexG/finclaw ^ repo if anyone wants to contribute. I realized that sometimes I'm pretty good at making random guesses about the future. (I.E, I think OpenAI will beat Anthropic in the short term, etc...) However, I'm bad at converting these guesses into actual market plays I can profit from. As such, I wanted to make a tool that connects to the right APIs and launches a swarm of agent experts to generate related plays based on your prediction. The very first super shitty V0 MPV just has Polymarket/Kalshi bets, but I will be adding a more complex…
AI · 2020 · youtube.com
CleanShot X▲951Mac-native app for screenshots, recordings and collaboration
Dev tools · 2020 · cleanshot.com
For bureaucratic reasons, a colleague of mine had to print, sign, scan and send by email a high number of pages. To save trees, ink, time, and to...
Life & fun · 2020 · gitlab.com
