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.
pure css menu with stagger drawer menu

pure css menu with stagger drawer menu

Reactions 2 Comments
1 min read
Google Material Icons

Google Material Icons

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

Twitch's Animated Cards using HTML and CSS

Reactions 3 Comments
1 min read
Insect Catch : Sample Tutorial Game

Insect Catch : Sample Tutorial Game

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

Netflix's Animated Cards using HTML and CSS

Reactions 4 Comments
1 min read
Music Player using React.js

Music Player using React.js

Reactions 39 Comments 2
1 min read
Eye and Eye

Eye and Eye

Reactions 4 Comments
1 min read
Display :Values

Display :Values

Reactions 1 Comments
1 min read
Mario Kart Tabs UI

Mario Kart Tabs UI

Reactions 4 Comments
1 min read
Burger Popup Menu (anime.js) ūüćĒ

Burger Popup Menu (anime.js) ūüćĒ

Reactions 41 Comments
2 min read
How often do you code?

How often do you code?

Reactions 2 Comments 3
1 min read
FCC - Technical Documentation

FCC - Technical Documentation

Reactions 2 Comments
1 min read
Loaders - HTML & CSS

Loaders - HTML & CSS

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

CodePen - CSS Icons (Animation)

Reactions 30 Comments
2 min read
Loan Calculator using chart.js

Loan Calculator using chart.js

Reactions 58 Comments 11
1 min read
Navbar built with TailwindCSS & AlpineJS

Navbar built with TailwindCSS & AlpineJS

Reactions 7 Comments
1 min read
CSS Tip : how to make your img levitate

CSS Tip : how to make your img levitate

Reactions 5 Comments 1
1 min read
CodePen - CSS Illustration (Animation)

CodePen - CSS Illustration (Animation)

Reactions 26 Comments 2
1 min read
CodePen - Wibbly Wobbly SVG Jelly ‚ú®

CodePen - Wibbly Wobbly SVG Jelly ‚ú®

Reactions 39 Comments 3
1 min read
Cat Dog Race

Cat Dog Race

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

Random Art Generator: Dots & Rings

Reactions 34 Comments 2
1 min read
Making perfect square tiles with flexbox

Making perfect square tiles with flexbox

Reactions 7 Comments 6
2 min read
Monkeying with circles in CSS

Monkeying with circles in CSS

Reactions 14 Comments 2
1 min read
Amazing Hover Effect

Amazing Hover Effect

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

How To Fill Out A Form With Your Voice

Reactions 23 Comments 2
2 min read
Neumorphism eCommerce Landing Page

Neumorphism eCommerce Landing Page

Reactions 18 Comments 1
1 min read
Jump and Slide

Jump and Slide

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

Freebie Interactive Flat Design UI / Only HTML5 & CSS3

Reactions 2 Comments
1 min read
Parallax scroll animation

Parallax scroll animation

Reactions 2 Comments 1
1 min read
5 Image transitions using just Filters!

5 Image transitions using just Filters!

Reactions 14 Comments 1
2 min read
Text Outline Effect CSS

Text Outline Effect CSS

Reactions 4 Comments
1 min read
My FCC: Product Landing Page

My FCC: Product Landing Page

Reactions 2 Comments 3
1 min read
Flying Birds Sunset

Flying Birds Sunset

Reactions 2 Comments 1
1 min read
Simple Quiz App

Simple Quiz App

Reactions 3 Comments 2
1 min read
Subtle Button (CLICK challenge)

Subtle Button (CLICK challenge)

Reactions 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

Reactions 6 Comments
1 min read
CSS Pirate Cartoon

CSS Pirate Cartoon

Reactions 63 Comments 15
1 min read
Still 100 underline/overlay animations | The advanced CSS collection ūüöÄ

Still 100 underline/overlay animations | The advanced CSS collection ūüöÄ

Reactions 177 Comments 8
2 min read
Lollipop Loading with @property

Lollipop Loading with @property

Reactions 2 Comments
1 min read
Reddit-NavBar

Reddit-NavBar

Reactions 3 Comments
1 min read
100 more underline/overlay animations | The upgraded CSS collection ūü•áūü•ąūü•Č

100 more underline/overlay animations | The upgraded CSS collection ūü•áūü•ąūü•Č

Reactions 572 Comments 31
2 min read
On CSS Shorthand Properties

On CSS Shorthand Properties

Reactions 7 Comments
5 min read
DataTable in Flutter

DataTable in Flutter

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

Color Picker (React + Webrix)

Reactions 3 Comments
1 min read
Color Stripes

Color Stripes

Reactions 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]

Reactions 49 Comments 6
3 min read
FCC Product Landing Page

FCC Product Landing Page

Reactions 2 Comments
1 min read
CSS Shapes Animation

CSS Shapes Animation

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

5 Short CSS Snippets that will Make Big Difference

Reactions 62 Comments 1
2 min read
CSS repeating-conic-gradient() function

CSS repeating-conic-gradient() function

Reactions 4 Comments
1 min read
Sasuke-MS

Sasuke-MS

Reactions 9 Comments
1 min read
3D Cards

3D Cards

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

CSS Only Dog Walk Puzzle Simple Game

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

Create Zoom in zoom out animation effect in CSS

Reactions 14 Comments
1 min read
Sharingan

Sharingan

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

CSS class to add margin for all child elements

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

Generative + Customisable SVG Social Images!

Reactions 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...

Reactions 208 Comments 30
2 min read
CSS Inheritance in more detail

CSS Inheritance in more detail

Reactions 7 Comments
4 min read
CSS Magik cube

CSS Magik cube

Reactions 2 Comments
1 min read
loading...