CSS & SVG ✨ @codepen.io codepen.io/konstantinde...
#creativecoding #css #web #svg #demoscene #art #cssart #codepen #gm #animation
#creativecoding #css #web #svg #demoscene #art #cssart #codepen #gm #animation
March 31, 2025 at 6:59 PM
A really old joke coded/drawn with HTML and CSS using (some) trigonometry functions –yes, CSS has a few of those too.
Source code and live demo available at #CodePen: codepen.io/alvaromontor...
#css #cssart
Source code and live demo available at #CodePen: codepen.io/alvaromontor...
#css #cssart
July 19, 2025 at 6:41 PM
A really old joke coded/drawn with HTML and CSS using (some) trigonometry functions –yes, CSS has a few of those too.
Source code and live demo available at #CodePen: codepen.io/alvaromontor...
#css #cssart
Source code and live demo available at #CodePen: codepen.io/alvaromontor...
#css #cssart
Sketching a character with CSS
YouTube video by Alvaro Montoro
www.youtube.com
November 7, 2024 at 4:52 AM
This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
codepen.io/alvaromontor...
I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.
#css #cssart #webdev
codepen.io/alvaromontor...
I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.
#css #cssart #webdev
March 31, 2026 at 3:54 AM
This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
codepen.io/alvaromontor...
I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.
#css #cssart #webdev
codepen.io/alvaromontor...
I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.
#css #cssart #webdev
View bobbing actually works quite well! 🤩
Not sure the animation is quite right yet though. I look like I have a limp :)
#css #cssonly #cssart #frontenddev #backrooms
Not sure the animation is quite right yet though. I look like I have a limp :)
#css #cssonly #cssart #frontenddev #backrooms
July 7, 2025 at 11:14 PM
View bobbing actually works quite well! 🤩
Not sure the animation is quite right yet though. I look like I have a limp :)
#css #cssonly #cssart #frontenddev #backrooms
Not sure the animation is quite right yet though. I look like I have a limp :)
#css #cssonly #cssart #frontenddev #backrooms
To celebrate something-or-other, I created a retro CRT using only vanilla CSS!
📺 codepen.io/ivorjetski/p...
No images. No JavaScript. No SASS.
Fully turn-off-and-on-able!
Also a documentary about the making of it: www.youtube.com/watch?v=wdNH...
@CodePen #css #cssart #cssonly #frontend
📺 codepen.io/ivorjetski/p...
No images. No JavaScript. No SASS.
Fully turn-off-and-on-able!
Also a documentary about the making of it: www.youtube.com/watch?v=wdNH...
@CodePen #css #cssart #cssonly #frontend
CodePen TV 📺 100% Pure CSS
📺📺📺📺📺📺📺📺📺📺📺📺📺📺 🚫 - 100% No Images ☕ - Definitely no JavaScript 🤖 - Absolutely no AI 😇 - Only the purest HTML and completely vanilla fresh CSS!! 📺...
codepen.io
March 19, 2026 at 2:21 PM
To celebrate something-or-other, I created a retro CRT using only vanilla CSS!
📺 codepen.io/ivorjetski/p...
No images. No JavaScript. No SASS.
Fully turn-off-and-on-able!
Also a documentary about the making of it: www.youtube.com/watch?v=wdNH...
@CodePen #css #cssart #cssonly #frontend
📺 codepen.io/ivorjetski/p...
No images. No JavaScript. No SASS.
Fully turn-off-and-on-able!
Also a documentary about the making of it: www.youtube.com/watch?v=wdNH...
@CodePen #css #cssart #cssonly #frontend
Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)
#css #cssArt #joke #groundhogDay
#css #cssArt #joke #groundhogDay
February 1, 2026 at 2:34 PM
Tomorrow is Groundhog Day. Remember: if Phil sees his shadow, that's 6 more Tailwind classes (in every HTML tag, in every page)
#css #cssArt #joke #groundhogDay
#css #cssArt #joke #groundhogDay
New video live coding a CSS drawing
youtu.be/qlgFBTsTT6o?...
The source code is on CodePen: codepen.io/alvaromontor...
#css #html #cssArt #webDev
youtu.be/qlgFBTsTT6o?...
The source code is on CodePen: codepen.io/alvaromontor...
#css #html #cssArt #webDev
CSS Art: Drawing a mouse with CSS
YouTube video by Alvaro Montoro
youtu.be
August 7, 2025 at 11:44 AM
New video live coding a CSS drawing
youtu.be/qlgFBTsTT6o?...
The source code is on CodePen: codepen.io/alvaromontor...
#css #html #cssArt #webDev
youtu.be/qlgFBTsTT6o?...
The source code is on CodePen: codepen.io/alvaromontor...
#css #html #cssArt #webDev
Oh look 👀 It's The Backrooms in just CSS!
Early access creepypasta edition!
100% glitchy guaranteed!
codepen.io/ivorjetski/p...
How it was made 😱
youtu.be/xiEZ54lGFt8?...
@codepen.io #CSS #CSSArt #CSSCrimes #CSSOnly #theBackrooms #frontend #CSSGame
First person to screenshot the end wins! 🥳
Early access creepypasta edition!
100% glitchy guaranteed!
codepen.io/ivorjetski/p...
How it was made 😱
youtu.be/xiEZ54lGFt8?...
@codepen.io #CSS #CSSArt #CSSCrimes #CSSOnly #theBackrooms #frontend #CSSGame
First person to screenshot the end wins! 🥳
The Backrooms: CSS Edition.
Early Access - Creepypasta! Based on the original 4chan thread. No Images - No JavaScript - Pure HTML - Too much CSS! Only HTML, CSS and the teeny-t...
codepen.io
June 26, 2025 at 1:34 PM
Oh look 👀 It's The Backrooms in just CSS!
Early access creepypasta edition!
100% glitchy guaranteed!
codepen.io/ivorjetski/p...
How it was made 😱
youtu.be/xiEZ54lGFt8?...
@codepen.io #CSS #CSSArt #CSSCrimes #CSSOnly #theBackrooms #frontend #CSSGame
First person to screenshot the end wins! 🥳
Early access creepypasta edition!
100% glitchy guaranteed!
codepen.io/ivorjetski/p...
How it was made 😱
youtu.be/xiEZ54lGFt8?...
@codepen.io #CSS #CSSArt #CSSCrimes #CSSOnly #theBackrooms #frontend #CSSGame
First person to screenshot the end wins! 🥳
A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
February 1, 2026 at 6:18 PM
A cat. On the moon. In a spacesuit.
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
Built with HTML + CSS only 🚀🐱 (reusing some previously coded parts)
Source code on @codepen.io: codepen.io/alvaromontor...
#CSS #CSSArt #WebDev
How has this got less than 100 likes on CodePen!?
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
Centaur Slider
A centaur slider: left side is human, right side is horse. Move the slider and the different stages of the transformation are visible in a small cartoo...
codepen.io
July 4, 2025 at 9:10 PM
How has this got less than 100 likes on CodePen!?
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
It's the best thing ever created!
It even answers the age old question of how centaur a div!
@comicss.art @alvaromontoro.com #css #frontend #html #cssart #dev #range-slider
codepen.io/alvaromontor...
Drawing with CSS after a long while... codepen.io/alvaromontor...
There was a little bit of back and forth with the drawing, but I like how it turned out in the end.
#css #html #cssArt
There was a little bit of back and forth with the drawing, but I like how it turned out in the end.
#css #html #cssArt
CSS Art: Heart
Cartoon of a smiling cute animal holding a heart...
codepen.io
January 9, 2026 at 3:57 AM
Drawing with CSS after a long while... codepen.io/alvaromontor...
There was a little bit of back and forth with the drawing, but I like how it turned out in the end.
#css #html #cssArt
There was a little bit of back and forth with the drawing, but I like how it turned out in the end.
#css #html #cssArt
Just shared a new video drawing with CSS. This time is Yoda (or Grogu?) in a kawaii-ish style.
youtu.be/r_FH65HpYgE?...
He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :)
Live demo and source code on @codepen.io: codepen.io/alvaromontor...
#css #cssArt #html
youtu.be/r_FH65HpYgE?...
He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :)
Live demo and source code on @codepen.io: codepen.io/alvaromontor...
#css #cssArt #html
Drawing Yoda with CSS
YouTube video by Alvaro Montoro
youtu.be
July 6, 2025 at 12:02 AM
Just shared a new video drawing with CSS. This time is Yoda (or Grogu?) in a kawaii-ish style.
youtu.be/r_FH65HpYgE?...
He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :)
Live demo and source code on @codepen.io: codepen.io/alvaromontor...
#css #cssArt #html
youtu.be/r_FH65HpYgE?...
He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :)
Live demo and source code on @codepen.io: codepen.io/alvaromontor...
#css #cssArt #html
Drawing with CSS: Clay Character
YouTube video by Alvaro Montoro
youtu.be
November 6, 2024 at 5:01 PM
Some old interactive CSS Art: codepen.io/alvaromontor...
The screen goes to sleep after a few seconds. You can press the buttons for it to come back on.
#css #cssArt #webDev
The screen goes to sleep after a few seconds. You can press the buttons for it to come back on.
#css #cssArt #webDev
CSS Art: Motorola RAZR V3i
CSS drawing of a Motorola RAZR V3i (the most iconic flip phone ever). Coded in HTML and CSS....
codepen.io
July 3, 2025 at 2:34 PM
Some old interactive CSS Art: codepen.io/alvaromontor...
The screen goes to sleep after a few seconds. You can press the buttons for it to come back on.
#css #cssArt #webDev
The screen goes to sleep after a few seconds. You can press the buttons for it to come back on.
#css #cssArt #webDev
Oh no @dev.to! Don't encourage me to fill your lovely website with more of my nonsense by giving me a badge! 😍
dev.to/ivorjetski/c...
#css #cssart #frontend
dev.to/ivorjetski/c...
#css #cssart #frontend
April 2, 2026 at 1:41 PM
Oh no @dev.to! Don't encourage me to fill your lovely website with more of my nonsense by giving me a badge! 😍
dev.to/ivorjetski/c...
#css #cssart #frontend
dev.to/ivorjetski/c...
#css #cssart #frontend
June is Pride Month. In this article, I explore several LGBTQ+ flags, how to recreate them using CSS and a single HTML element (fully responsive so they could double as icons), and share the history behind some of them.
alvaromontoro.com/blog/68009/l...
#css #webDevelopment #PrideMonth #CSSArt
alvaromontoro.com/blog/68009/l...
#css #webDevelopment #PrideMonth #CSSArt
LGBTQ+ Flags Coded in CSS
What different LGBTQ flags mean and how to code them with CSS and a single HTML element. A little bit of history and a little bit of tech for this Pride Month. :: Blog post at Alvaro Montoro's Persona...
alvaromontoro.com
June 1, 2025 at 8:27 PM
June is Pride Month. In this article, I explore several LGBTQ+ flags, how to recreate them using CSS and a single HTML element (fully responsive so they could double as icons), and share the history behind some of them.
alvaromontoro.com/blog/68009/l...
#css #webDevelopment #PrideMonth #CSSArt
alvaromontoro.com/blog/68009/l...
#css #webDevelopment #PrideMonth #CSSArt
June 15, 2025 at 10:57 PM
An iceberg drawn with CSS, with no HTML elements for this week's @codepen.io challenge: codepen.io/alvaromontor...
#css #cssArt
#css #cssArt
CSS Iceberg
Cartoon of an iceberg floating coded in CSS, with _zero_ HTML. Inspired by https://www.istockphoto.com/vector/iceberg-in-ocean-water-vector-illustrati...
codepen.io
December 2, 2025 at 1:27 PM
An iceberg drawn with CSS, with no HTML elements for this week's @codepen.io challenge: codepen.io/alvaromontor...
#css #cssArt
#css #cssArt
Drawing with CSS: Pear-shaped blob
YouTube video by Alvaro Montoro
www.youtube.com
October 24, 2024 at 11:43 PM
Ooooo! Thank you for including me in the fabulous news @cssweekly.com :)
css-weekly.com/issue-639?ut... #css #cssart #frontend
css-weekly.com/issue-639?ut... #css #cssart #frontend
Issue #639 - CSS Weekly
Learn how to use lazy loading without hurting web performance, a small interactive cover component, how you can have fun with leaked Claude Code’s source code, and more.
css-weekly.com
April 24, 2026 at 9:27 PM
Ooooo! Thank you for including me in the fabulous news @cssweekly.com :)
css-weekly.com/issue-639?ut... #css #cssart #frontend
css-weekly.com/issue-639?ut... #css #cssart #frontend
Drawing a realistic-looking Nintendo Switch with HTML and CSS: youtu.be/7IrOlF25_F0
#css #cssArt #video
#css #cssArt #video
Drawing a realistic Nintendo Switch with CSS
YouTube video by Alvaro Montoro
youtu.be
November 19, 2024 at 12:32 AM
Drawing a realistic-looking Nintendo Switch with HTML and CSS: youtu.be/7IrOlF25_F0
#css #cssArt #video
#css #cssArt #video