DEV Community

CodePen

A social development environment for front-end designers and developers.

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
Google Material Icons

Google Material Icons

2
Comments
1 min read
Twitch's Animated Cards using HTML and CSS

Twitch's Animated Cards using HTML and CSS

3
Comments
1 min read
Insect Catch : Sample Tutorial Game

Insect Catch : Sample Tutorial Game

2
Comments 1
1 min read
Netflix's Animated Cards using HTML and CSS

Netflix's Animated Cards using HTML and CSS

6
Comments
1 min read
Music Player using React.js

Music Player using React.js

39
Comments 2
1 min read
Eye and Eye

Eye and Eye

4
Comments
1 min read
Display :Values

Display :Values

1
Comments
1 min read
Mario Kart Tabs UI

Mario Kart Tabs UI

5
Comments
1 min read
Burger Popup Menu (anime.js) 🍔

Burger Popup Menu (anime.js) 🍔

44
Comments
2 min read
Making a popsicle with CSS only!

Making a popsicle with CSS only!

8
Comments
5 min read
How often do you code?

How often do you code?

2
Comments 3
1 min read
FCC - Technical Documentation

FCC - Technical Documentation

2
Comments
1 min read
Loaders - HTML & CSS

Loaders - HTML & CSS

4
Comments
1 min read
CodePen - CSS Icons (Animation)

CodePen - CSS Icons (Animation)

33
Comments
2 min read
Loan Calculator using chart.js

Loan Calculator using chart.js

60
Comments 11
1 min read
Navbar built with TailwindCSS & AlpineJS

Navbar built with TailwindCSS & AlpineJS

7
Comments
1 min read
CodePen - CSS Illustration (Animation)

CodePen - CSS Illustration (Animation)

28
Comments 2
1 min read
CodePen - Wibbly Wobbly SVG Jelly ✨

CodePen - Wibbly Wobbly SVG Jelly ✨

39
Comments 3
1 min read
Cat Dog Race

Cat Dog Race

2
Comments
1 min read
Random Art Generator: Dots & Rings

Random Art Generator: Dots & Rings

39
Comments 2
1 min read
Monkeying with circles in CSS

Monkeying with circles in CSS

14
Comments 2
1 min read
How To Fill Out A Form With Your Voice

How To Fill Out A Form With Your Voice

25
Comments 2
2 min read
Neumorphism eCommerce Landing Page

Neumorphism eCommerce Landing Page

18
Comments 1
1 min read
5 Image transitions using just Filters!

5 Image transitions using just Filters!

14
Comments 1
2 min read
Text Outline Effect CSS

Text Outline Effect CSS

4
Comments
1 min read
My FCC: Product Landing Page

My FCC: Product Landing Page

2
Comments 3
1 min read
Flying Birds Sunset

Flying Birds Sunset

2
Comments 1
1 min read
Simple Quiz App

Simple Quiz App

4
Comments 2
1 min read
Subtle Button (CLICK challenge)

Subtle Button (CLICK challenge)

2
Comments
1 min read
I recreated a photo with just a single div and CSS gradients

I recreated a photo with just a single div and CSS gradients

6
Comments
1 min read
CSS Pirate Cartoon

CSS Pirate Cartoon

63
Comments 15
1 min read
Still 100 underline/overlay animations | The advanced CSS collection 🚀

Still 100 underline/overlay animations | The advanced CSS collection 🚀

184
Comments 8
2 min read
Lollipop Loading with @property

Lollipop Loading with @property

2
Comments
1 min read
Reddit-NavBar

Reddit-NavBar

3
Comments
1 min read
100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

582
Comments 31
2 min read
On CSS Shorthand Properties

On CSS Shorthand Properties

6
Comments
5 min read
DataTable in Flutter

DataTable in Flutter

8
Comments
2 min read
Color Picker (React + Webrix)

Color Picker (React + Webrix)

3
Comments
1 min read
Color Stripes

Color Stripes

5
Comments
1 min read
🏓pong🏓 - fully playable, hidden inside a 24px by 24px image 😎 [hiding text and code in images]

🏓pong🏓 - fully playable, hidden inside a 24px by 24px image 😎 [hiding text and code in images]

49
Comments 6
3 min read
FCC Product Landing Page

FCC Product Landing Page

2
Comments
1 min read
CSS Shapes Animation

CSS Shapes Animation

3
Comments
1 min read
5 Short CSS Snippets that will Make Big Difference

5 Short CSS Snippets that will Make Big Difference

63
Comments 1
2 min read
Freebie Interactive Flat Design UI / Only HTML5 & CSS3

Freebie Interactive Flat Design UI / Only HTML5 & CSS3

2
Comments
1 min read
Neumorphic Elements

Neumorphic Elements

2
Comments 1
1 min read
Parallax scroll animation

Parallax scroll animation

2
Comments 1
1 min read
Sasuke-MS

Sasuke-MS

9
Comments
1 min read
3D Cards

3D Cards

14
Comments 1
1 min read
CSS Only Dog Walk Puzzle Simple Game

CSS Only Dog Walk Puzzle Simple Game

25
Comments 4
2 min read
Create Zoom in zoom out animation effect in CSS

Create Zoom in zoom out animation effect in CSS

16
Comments
1 min read
Sharingan

Sharingan

8
Comments 1
1 min read
CSS class to add margin for all child elements

CSS class to add margin for all child elements

7
Comments 4
1 min read
Generative + Customisable SVG Social Images!

Generative + Customisable SVG Social Images!

3
Comments
1 min read
A pure CSS password generator! 😱 They said it can't be done...

A pure CSS password generator! 😱 They said it can't be done...

215
Comments 30
2 min read
CSS Inheritance in more detail

CSS Inheritance in more detail

7
Comments
4 min read
Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

Another 100 underline/overlay animations | The extended CSS collection 🥇🥈

895
Comments 22
2 min read
CSS Magik cube

CSS Magik cube

2
Comments
1 min read
neon rain

neon rain

1
Comments
1 min read
Made this button ripples from a Youtube tutorial. https://codepen.io/jibdannyvoid/pen/XWpPmWO via @CodePen

Made this button ripples from a Youtube tutorial. https://codepen.io/jibdannyvoid/pen/XWpPmWO via @CodePen

2
Comments
1 min read
Amazing Pure HTML and CSS background animations

Amazing Pure HTML and CSS background animations

456
Comments 29
2 min read
loading...