Member-only story
10 Cool CodePen Demos (March 2023)
A collection of 10 cool and exciting front-end demos shared on CodePen during March 2023
3D Camera Icons
Jon Kantner is usual at these CodePen lists, but the work is fantastic! So it makes sense. This month I had several of Jon’s demos shortlisted (like this realistic glass or rotating pill), but the CSS shadows and lightning from this 3D Camera Icons are really out of this world.
Pure CSS landscape #4
This CSS art by Arman Borkhani was inspired and extended from an illustration by Kristofer Haugvik on Behance (which is already impressive.) The simplicity of the drawing and the code makes the work even more beautiful.
Radial Menu with CSS trig functions
Trigonometric functions are getting supported by browsers, and this month there have been some exciting demos. I liked the idea of this menu by Una Kravets and how smoothly the icons open and close. The movement is so soft moving along the curve.
VR Gravity Manipulation
I’ll admit that I haven’t tried Caleb Miller’s demo because I don’t have a VR set, so I can’t vouch for how it works. But building the idea with JavaScript and Three.js is worth adding to the list.