10 Cool CodePen Demos (October 2023)
Tags: css, webdev, showdev, html
Published: 2023-11-20 10:27:59

---
title: 10 Cool CodePen Demos (October 2023)
published: true
description: A collection of 10 cool demos shared on CodePen during October 2023
tags: CSS,webdev,showdev,html
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfw3mg1mfnyng0ca29pp.png
canonical_url: https://levelup.gitconnected.com/10-cool-codepen-demos-october-2023-994f92d2c05a
---

## WebGL Ghost Cursor (2023 update)
[Ksenia Kondrashova](https://codepen.io/ksenia-k) creates an updated version of this cool ghost that follows the cursor around the screen. Whimsical and fun, the effect can be easily customized to adjust the experience.

{% codepen https://codepen.io/ksenia-k/pen/yLGxEKb %}

---

## Dia de los Muertos — ThreeJS
The ThreeJS experiments by [Ricardo Oliva Alonso](https://codepen.io/ricardoolivaalonso) are still ongoing… and are amazing! This time, he created a fantastic demo with an Ofrenda for Dia de los Muertos.

{% codepen https://codepen.io/ricardoolivaalonso/pen/NWeodeN %}

---

## The CSS Sun
Failed experiment or touch of genius? Whatever it was, [Ben Evans](https://codepen.io/ivorjetski)’s animated demo of the sun –coded for a larger project involving a music video– is beautiful. And it is simply incredible that it is coded just in HTML and CSS.

{% codepen https://codepen.io/ivorjetski/pen/wvRNzJJ %}

---

## Bat Orb
This animated demo by [Amanda](https://codepen.io/acapasso) may be a bit rough around the edges, but the result is cute and fun. Cute CSS Art involving animals? I’m sold. That bat has something captivating around it.

{% codepen https://codepen.io/acapasso/pen/BavqOKJ %}

---

## Super Mario (KiKaGiGa)
[BlurSoulx](https://codepen.io/BlurSoulx) shares beautiful CSS Art on their CodePen profile. This minimalistic Mario is one of the demos from October, and it is simple but at the same time so detailed. Plus, the texture takes the drawing to another level.

{% codepen https://codepen.io/BlurSoulx/pen/abPxPRj %}

---

## Untitled
Another Three.js demo, this time by [Paul](https://codepen.io/prisoner849). These elements traveling through a tube, may not be cute, but it brought back memories of biology documentaries and old medical videos.

{% codepen https://codepen.io/prisoner849/pen/RwEdrrX %}

---

## Flashing Laser Sparks
I included this [Jane Ori](https://codepen.io/propjockey) demo in a [list of divtober demos](https://dev.to/alvaromontoro/10-cool-codepen-demos-divtober-edition-3ko1), but it must be one of the most impressive things I’ve seen in a long time… and to think that it is just a single div. 🤯

{% codepen https://codepen.io/propjockey/pen/qBLMXwp %}

---

## Sunday CSS #12
Possibly, it was the influence of divtober, but this month’s list has more CSS art demos than usual (this is the last one). This beautifully animated demo by [Julia Miocene](https://codepen.io/miocene) is so smooth and hypnotizing. Will the noodles ever end?

{% codepen https://codepen.io/miocene/pen/eYbazKN %}

---

## Endless
[Matthias Hurrle](https://codepen.io/atzedent)’s demo needs a motion warning. But the three-dimensional effect it achieves is amazing. The shadows are so nicely done that they provide the animation of an incredible depth even with all the movement going on.

{% codepen https://codepen.io/atzedent/pen/abPQabx %}

---

## Repeating
As part of Mathtober 2023, [Tom Hinton](https://codepen.io/TomHinton) created this generative art demo with triangles and squares that move across the screen producing a repeating visual effect. Warning: motion and flashing colors.

{% codepen https://codepen.io/TomHinton/pen/GRPaaeN %}

---