Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
Codepen Designs Series' Articles
Back to Jon Snow's Series
CodePen Designs - 1 : Playing Lemmings - Windows 95 - CSS
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 17 '22
CodePen Designs - 1 : Playing Lemmings - Windows 95 - CSS
#
codepen
#
design
#
css
#
codependesigns
5
reactions
Comments
Add Comment
1 min read
CodePen Designs - 2 : 90s Vaporwave Computer Screen - CSS Animated Pixel Art
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 17 '22
CodePen Designs - 2 : 90s Vaporwave Computer Screen - CSS Animated Pixel Art
#
codepen
#
css
#
design
#
codependesigns
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 3 : Rounded Box - Matcap texture
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 17 '22
CodePen Designs - 3 : Rounded Box - Matcap texture
#
codependesigns
#
codepen
#
css
#
design
3
reactions
Comments
Add Comment
1 min read
CodePen Designs - 4 : 3D Room - Pure CSS
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 18 '22
CodePen Designs - 4 : 3D Room - Pure CSS
#
codepen
#
codependesigns
#
css
#
design
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 5 : Snowball Preloader
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 19 '22
CodePen Designs - 5 : Snowball Preloader
#
codepen
#
codependesigns
#
css
#
design
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 6 : LEGO Preloader
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 20 '22
CodePen Designs - 6 : LEGO Preloader
#
codepen
#
codependesigns
#
css
#
design
3
reactions
Comments
Add Comment
1 min read
CodePen Designs - 7 : Christmas Cannon
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 21 '22
CodePen Designs - 7 : Christmas Cannon
#
codepen
#
css
#
design
#
codependesigns
3
reactions
Comments
1
comment
1 min read
CodePen Designs - 8 : ThreeJS Toys - Particles Cursor
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 22 '22
CodePen Designs - 8 : ThreeJS Toys - Particles Cursor
#
codepen
#
css
#
design
#
codependesign
6
reactions
Comments
Add Comment
1 min read
CodePen Designs - 9 : Dreaming of Jupiter - Three.js
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 23 '22
CodePen Designs - 9 : Dreaming of Jupiter - Three.js
#
codepen
#
css
#
design
#
codependesigns
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 10 : Just Ice
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 24 '22
CodePen Designs - 10 : Just Ice
#
codepen
#
css
#
design
#
codependesigns
Comments
Add Comment
1 min read
CodePen Designs - 11 : Impossible Checkbox v2 🐻
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 26 '22
CodePen Designs - 11 : Impossible Checkbox v2 🐻
#
codepen
#
css
#
codependesigns
#
design
Comments
Add Comment
1 min read
CodePen Designs - 12 : Pixel art studio
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 27 '22
CodePen Designs - 12 : Pixel art studio
#
codepen
#
css
#
design
#
codependesigns
Comments
Add Comment
1 min read
CodePen Designs - 13 : Emoji Art Maker -Automatic Emoji Mosaics
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 29 '22
CodePen Designs - 13 : Emoji Art Maker -Automatic Emoji Mosaics
#
codepen
#
css
#
codependesigns
#
design
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 14 : Sunrise and sunset
Jon Snow
Jon Snow
Jon Snow
Follow
Dec 31 '22
CodePen Designs - 14 : Sunrise and sunset
#
codepen
#
css
#
design
#
codependesigns
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 15 : Neumorphic Elements
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 2 '23
CodePen Designs - 15 : Neumorphic Elements
#
codepen
#
css
#
codependesigns
#
webdev
4
reactions
Comments
Add Comment
1 min read
CodePen Designs - 16 : SVG rope from path
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 5 '23
CodePen Designs - 16 : SVG rope from path
#
codepen
#
css
#
design
#
webdev
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 17 : Daily UI #002: Credit Card Checkout
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 7 '23
CodePen Designs - 17 : Daily UI #002: Credit Card Checkout
#
codepen
#
css
#
webdev
#
design
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 18 : Video Sharing Platform UI
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 9 '23
CodePen Designs - 18 : Video Sharing Platform UI
#
codepen
#
css
#
webdev
#
beginners
Comments
Add Comment
1 min read
CodePen Designs - 19 : CodePen Loader
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 12 '23
CodePen Designs - 19 : CodePen Loader
#
codepen
#
css
#
webdev
#
design
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 20 : NightLight
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 14 '23
CodePen Designs - 20 : NightLight
#
codepen
#
css
#
design
#
webdev
Comments
Add Comment
1 min read
CodePen Designs - 21 : Scroll direction rotation
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 16 '23
CodePen Designs - 21 : Scroll direction rotation
#
codepen
#
css
#
webdev
#
design
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 22 : Auto Rotate Slider
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 18 '23
CodePen Designs - 22 : Auto Rotate Slider
#
codepen
#
css
#
webdev
#
design
Comments
Add Comment
1 min read
CodePen Designs - 23 : Services Section | Learn CSS Garden
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 20 '23
CodePen Designs - 23 : Services Section | Learn CSS Garden
#
codepen
#
css
#
design
#
webdev
Comments
Add Comment
1 min read
CodePen Designs - 24 : 3D Card
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 22 '23
CodePen Designs - 24 : 3D Card
#
codepen
#
css
#
webdev
#
design
9
reactions
Comments
2
comments
1 min read
CodePen Designs - 25 : Music App
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 24 '23
CodePen Designs - 25 : Music App
#
codepen
#
css
#
webdev
#
design
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 26 : A Pen by Paul Slaymaker
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 26 '23
CodePen Designs - 26 : A Pen by Paul Slaymaker
#
codepen
#
css
#
webdev
#
design
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 27 : Colorful Vitamins
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 27 '23
CodePen Designs - 27 : Colorful Vitamins
#
codepen
#
css
#
webdev
#
design
3
reactions
Comments
2
comments
1 min read
CodePen Designs - 28 : CSS Only Cubes Hover Effects
00:08
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 29 '23
CodePen Designs - 28 : CSS Only Cubes Hover Effects
#
codepen
#
css
#
webdev
#
design
3
reactions
Comments
2
comments
1 min read
CodePen Designs - 29 : tsParticles - Cursor Rainbow Shapes Trail
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 30 '23
CodePen Designs - 29 : tsParticles - Cursor Rainbow Shapes Trail
#
codepen
#
css
#
webdev
#
design
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 30 : Daily UI #008 - 404 Page
Jon Snow
Jon Snow
Jon Snow
Follow
Jan 31 '23
CodePen Designs - 30 : Daily UI #008 - 404 Page
#
codepen
#
css
#
webdev
#
devops
Comments
Add Comment
1 min read
CodePen Designs - 31 : Pure CSS Mario 64 - 3D - No JavaScript!
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 2 '23
CodePen Designs - 31 : Pure CSS Mario 64 - 3D - No JavaScript!
#
codepen
#
css
#
webdev
#
design
1
reaction
Comments
2
comments
2 min read
CodePen Designs - 32 : Space globe - Three.js
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 3 '23
CodePen Designs - 32 : Space globe - Three.js
#
codepen
#
css
#
design
#
webdev
3
reactions
Comments
1
comment
1 min read
CodePen Designs - 33 : playing kid — morph and skeletal animation
00:48
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 5 '23
CodePen Designs - 33 : playing kid — morph and skeletal animation
#
codepen
#
webdev
#
css
#
design
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 34 : Pricing - pure css - #16
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 6 '23
CodePen Designs - 34 : Pricing - pure css - #16
#
codepen
#
css
#
webdev
#
design
Comments
Add Comment
1 min read
CodePen Designs - 35 : 3D Ecommerce Experience with Spline
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 10 '23
CodePen Designs - 35 : 3D Ecommerce Experience with Spline
#
codepen
#
css
#
webdev
#
design
5
reactions
Comments
Add Comment
1 min read
CodePen Designs - 36 : Kill The King - Vue / HTML game
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 11 '23
CodePen Designs - 36 : Kill The King - Vue / HTML game
#
codepen
#
css
#
webdev
#
design
3
reactions
Comments
Add Comment
1 min read
CodePen Designs - 37 : How Fast Can You Scroll?
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 14 '23
CodePen Designs - 37 : How Fast Can You Scroll?
#
codepen
#
css
#
webdev
#
design
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 38 : Exhibition
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 15 '23
CodePen Designs - 38 : Exhibition
#
codepen
#
css
#
design
#
webdev
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 39 : Interactive particles text create with three.js
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 18 '23
CodePen Designs - 39 : Interactive particles text create with three.js
#
codepen
#
css
#
design
#
webdev
5
reactions
Comments
Add Comment
1 min read
CodePen Designs - 40 : 3D First Person Art Gallery - No Javascript!
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 23 '23
CodePen Designs - 40 : 3D First Person Art Gallery - No Javascript!
#
codepen
#
css
#
webdev
#
design
1
reaction
Comments
Add Comment
2 min read
CodePen Designs - 41 : Traffic Run Game with Three.js
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 24 '23
CodePen Designs - 41 : Traffic Run Game with Three.js
#
codepen
#
css
#
design
#
webdev
2
reactions
Comments
Add Comment
2 min read
CodePen Designs - 42 : Keyboard Hero
Jon Snow
Jon Snow
Jon Snow
Follow
Feb 28 '23
CodePen Designs - 42 : Keyboard Hero
#
codepen
#
css
#
webdev
#
beginners
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 43 : Lottie Animations in React
Jon Snow
Jon Snow
Jon Snow
Follow
Mar 6 '23
CodePen Designs - 43 : Lottie Animations in React
#
css
#
codepen
#
webdev
#
design
2
reactions
Comments
Add Comment
1 min read
CodePen Designs - 44 : Newton's Light Bulbs 💡😎
Jon Snow
Jon Snow
Jon Snow
Follow
Mar 7 '23
CodePen Designs - 44 : Newton's Light Bulbs 💡😎
#
codepen
#
css
#
design
#
webdev
1
reaction
Comments
Add Comment
1 min read
CodePen Designs - 45 : CSS Sleeping Blob
Jon Snow
Jon Snow
Jon Snow
Follow
Mar 14 '23
CodePen Designs - 45 : CSS Sleeping Blob
#
codepen
#
css
#
design
#
javascript
7
reactions
Comments
Add Comment
1 min read
A Realistic 3D Card hover effect using only CSS
Jon Snow
Jon Snow
Jon Snow
Follow
May 12 '23
A Realistic 3D Card hover effect using only CSS
17
reactions
Comments
Add Comment
1 min read
Hexagon rotating gradient border
Jon Snow
Jon Snow
Jon Snow
Follow
May 13 '23
Hexagon rotating gradient border
7
reactions
Comments
Add Comment
1 min read
Image gallery with smooth hover effect
Jon Snow
Jon Snow
Jon Snow
Follow
Jul 9 '23
Image gallery with smooth hover effect
#
codepen
#
css
#
animation
#
webdev
15
reactions
Comments
Add Comment
1 min read
Mind-blowing CodePen for web developers
Jon Snow
Jon Snow
Jon Snow
Follow
Sep 22 '23
Mind-blowing CodePen for web developers
#
codepen
#
css
#
webdev
#
programming
11
reactions
Comments
3
comments
3 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account