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.
Hide & Seek Content multiple places in same page

Hide & Seek Content multiple places in same page

2
Comments 1
1 min read
Login/Signup

Login/Signup

1
Comments
1 min read
🎆 Cube

🎆 Cube

1
Comments
1 min read
Menu_transformation

Menu_transformation

3
Comments 1
1 min read
User Gallery

User Gallery

3
Comments
1 min read
Responsive Data Grid with Sliding and Fading Cards

Responsive Data Grid with Sliding and Fading Cards

2
Comments 1
1 min read
Introducing My '🌟 10 CSS Card Wonders' Project! 💫

Introducing My '🌟 10 CSS Card Wonders' Project! 💫

11
Comments
1 min read
Building a Simple 🎶 Music Synthesizer 🎵 /w JavaScript

Building a Simple 🎶 Music Synthesizer 🎵 /w JavaScript

6
Comments
2 min read
✨Profile Card and Engaging Hover Effects with CSS 🚀

✨Profile Card and Engaging Hover Effects with CSS 🚀

5
Comments
1 min read
Build a Animated Emoji Selector /w React, Noto & Lottie Animations

Build a Animated Emoji Selector /w React, Noto & Lottie Animations

3
Comments
2 min read
Analog Clock

Analog Clock

12
Comments 5
1 min read
🎉 CodePen picked my Pen 🌟

🎉 CodePen picked my Pen 🌟

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

You Won't Believe these animations made In Pure CSS

14
Comments
3 min read
Positive vibes

Positive vibes

2
Comments
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

3
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 🌌

16
Comments 5
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
Portfolio

Portfolio

7
Comments
1 min read
Rainy Night

Rainy Night

6
Comments 1
1 min read
RandomSparkles

RandomSparkles

9
Comments 6
1 min read
CSS Face

CSS Face

1
Comments
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

12
Comments 7
1 min read
Multiple Checkbox checked with count

Multiple Checkbox checked with count

9
Comments 1
1 min read
Profile

Profile

11
Comments
1 min read
Figma sticky notes

Figma sticky notes

11
Comments
1 min read
The Pyramide-Shadow path

The Pyramide-Shadow path

13
Comments 2
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

8
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
Codepen Showcase

Codepen Showcase

1
Comments
1 min read
📸 Gallery-Flex:Hover

📸 Gallery-Flex:Hover

2
Comments
1 min read
Professional To-Do List

Professional To-Do List

Comments
1 min read
Glass Buttons with nice Hover Effect

Glass Buttons with nice Hover Effect

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

Re-creating a Japanese Fireworks Catalog from 1883 in CSS

160
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
Image gallery with smooth hover effect

Image gallery with smooth hover effect

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

Tilting Cursor effect with CSS and JS

1
Comments
3 min read
Responsive Navigation Bar with logo, search bar and links

Responsive Navigation Bar with logo, search bar and links

1
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

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

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

384
Comments 24
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
Cricketer card

Cricketer card

6
Comments 1
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
Grid layout with adaptive squares

Grid layout with adaptive squares

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

عالم التداول

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

JavaScript Dynamic List: The DOM Manipulation.

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