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

Analog Clock

10
Comments 1
1 min read
Tailwind, HALT AND CATCH FIRE animated logo

Tailwind, HALT AND CATCH FIRE animated logo

1
Comments
1 min read
Box Model

Box Model

1
Comments
1 min read
Leide

Leide

1
Comments
1 min read
Walking Boot

Walking Boot

3
Comments
1 min read
Watch

Watch

2
Comments
1 min read
You Won't Believe these animations made In Pure CSS

You Won't Believe these animations made In Pure CSS

13
Comments
3 min read
Positive vibes

Positive vibes

2
Comments
1 min read
CSS Face

CSS Face

2
Comments
1 min read
Notifications, Search and Menu

Notifications, Search and Menu

2
Comments 2
1 min read
Swiper Slider with Filter and 2 columns

Swiper Slider with Filter and 2 columns

2
Comments
1 min read
🎉 CodePen picked my Pen 🌟

🎉 CodePen picked my Pen 🌟

14
Comments 11
1 min read
Circles transformation shade

Circles transformation shade

3
Comments
1 min read
Fun with Image filters

Fun with Image filters

1
Comments
1 min read
Multiple Checkbox checked with count

Multiple Checkbox checked with count

14
Comments 1
1 min read
UPDATED: Bootstrap 5.3.0 Navbar Multi Level and Mega Menu with Dark Theme!

UPDATED: Bootstrap 5.3.0 Navbar Multi Level and Mega Menu with Dark Theme!

9
Comments
1 min read
Codepen Showcase

Codepen Showcase

1
Comments
1 min read
🚀 Futuristic Sci-Fi Card with Mind-Blowing Hover Effects using HTML and SCSS 🌌

🚀 Futuristic Sci-Fi Card with Mind-Blowing Hover Effects using HTML and SCSS 🌌

20
Comments 5
1 min read
Login/Signup

Login/Signup

1
Comments
1 min read
The Pyramide-Shadow path

The Pyramide-Shadow path

16
Comments 2
1 min read
🎆 Cube

🎆 Cube

1
Comments
1 min read
Portfolio

Portfolio

8
Comments
1 min read
📸 Gallery-Flex:Hover

📸 Gallery-Flex:Hover

1
Comments
1 min read
Menu_transformation

Menu_transformation

3
Comments 1
1 min read
RandomSparkles

RandomSparkles

12
Comments 6
1 min read
Profile

Profile

14
Comments
1 min read
Figma sticky notes

Figma sticky notes

16
Comments
1 min read
Expense Tracker web application using HTML, CSS, and JavaScript.

Expense Tracker web application using HTML, CSS, and JavaScript.

Comments
2 min read
Rainy Night

Rainy Night

10
Comments 1
1 min read
CSS Widget

CSS Widget

1
Comments
1 min read
✨🎨 An Eye-Catching Card with a nice Hover Effect using HTML and SCSS

✨🎨 An Eye-Catching Card with a nice Hover Effect using HTML and SCSS

13
Comments 7
1 min read
An Impressive 3D Card with Stunning Hover Effects using HTML and SCSS

An Impressive 3D Card with Stunning Hover Effects using HTML and SCSS

12
Comments 8
1 min read
Unique Border Radius Card with HTML and CSS

Unique Border Radius Card with HTML and CSS

3
Comments
1 min read
Glass Buttons with nice Hover Effect

Glass Buttons with nice Hover Effect

10
Comments
1 min read
Image gallery with smooth hover effect

Image gallery with smooth hover effect

15
Comments
1 min read
Re-creating a Japanese Fireworks Catalog from 1883 in CSS

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

159
Comments 26
2 min read
A Pure CSS 3D Maze! - Chrome only

A Pure CSS 3D Maze! - Chrome only

23
Comments 5
1 min read
Create a chessboard using CSS Grid

Create a chessboard using CSS Grid

1
Comments
1 min read
To-Do List

To-Do List

2
Comments
1 min read
Tilting Cursor effect with CSS and JS

Tilting Cursor effect with CSS and JS

Comments
3 min read
Grid layout with adaptive squares

Grid layout with adaptive squares

Comments
1 min read
[React Three] fragmentShader extension error

[React Three] fragmentShader extension error

Comments
1 min read
25+ short videos on creating generative art with SVG

25+ short videos on creating generative art with SVG

5
Comments 1
1 min read
Move Your Cursor

Move Your Cursor

7
Comments
1 min read
Creating a Versatile Developer Profile Card with React

Creating a Versatile Developer Profile Card with React

14
Comments 1
2 min read
I created 100+ unique CSS patterns | The best collection 🤩

I created 100+ unique CSS patterns | The best collection 🤩

377
Comments 23
3 min read
Simplify Logging in Go Applications Configuration Logrus

Simplify Logging in Go Applications Configuration Logrus

Comments
3 min read
First Project

First Project

Comments
4 min read
Responsive Image Grid with Lightbox Gallery (GLightbox)

Responsive Image Grid with Lightbox Gallery (GLightbox)

1
Comments
1 min read
Restaurant-Responsive-Website

Restaurant-Responsive-Website

3
Comments
1 min read
10 Cool CodePen Demos (May 23)

10 Cool CodePen Demos (May 23)

21
Comments
2 min read
Tetris Testimonial Quotes

Tetris Testimonial Quotes

30
Comments 4
1 min read
KALI LINUX CHEAT SHEET 🔺🔌💻🛡

KALI LINUX CHEAT SHEET 🔺🔌💻🛡

3
Comments
1 min read
CODEPEN CHALLENGE

CODEPEN CHALLENGE

1
Comments 1
1 min read
عالم التداول

عالم التداول

2
Comments
1 min read
JavaScript Dynamic List: The DOM Manipulation.

JavaScript Dynamic List: The DOM Manipulation.

Comments
5 min read
The Roadmap to Becoming a Successful Private Contractor as a Software Engineer

The Roadmap to Becoming a Successful Private Contractor as a Software Engineer

2
Comments
2 min read
Pure CSS Pencil Preloader

Pure CSS Pencil Preloader

2
Comments
1 min read
CSS Typography: Create exact heights with line-clamp

CSS Typography: Create exact heights with line-clamp

5
Comments
4 min read
10 Cool CodePen Demos (April 23)

10 Cool CodePen Demos (April 23)

23
Comments 3
2 min read
loading...