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