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.
Do you know everything about CSS variables?

Do you know everything about CSS variables?

6
Comments
1 min read
Amazing Link Hover Effects

Amazing Link Hover Effects

4
Comments 1
1 min read
Horizontal List with CSS

Horizontal List with CSS

7
Comments
1 min read
Flashlight Website

Flashlight Website

7
Comments 4
1 min read
Hulk Codepen-Challenge

Hulk Codepen-Challenge

3
Comments
1 min read
Skip-Challenge Codepen

Skip-Challenge Codepen

3
Comments
1 min read
Exp: Color Cloud CSS

Exp: Color Cloud CSS

2
Comments
1 min read
Book Codepen Challenge-FOLD

Book Codepen Challenge-FOLD

5
Comments
1 min read
Making a virtual credits sequence for your video calls with OBS and CodePen

Making a virtual credits sequence for your video calls with OBS and CodePen

77
Comments 1
3 min read
CSS aspect-ratio (with a fallback for old browsers)

CSS aspect-ratio (with a fallback for old browsers)

13
Comments
1 min read
Fully responsive CSS folded ribbon

Fully responsive CSS folded ribbon

31
Comments 1
3 min read
Tip Calculator

Tip Calculator

5
Comments
1 min read
CSS Peasant

CSS Peasant

27
Comments 14
1 min read
How to write values in transform property?

How to write values in transform property?

2
Comments
1 min read
Table Designer

Table Designer

24
Comments 4
2 min read
Tribute Page

Tribute Page

2
Comments 2
1 min read
The best JavaScript date libraries in 2021

The best JavaScript date libraries in 2021

46
Comments 1
15 min read
Slim sidebar menu with hover effect

Slim sidebar menu with hover effect

14
Comments 1
2 min read
Cat CSS Art

Cat CSS Art

6
Comments
1 min read
CodePen - BauBuds - Generative Bauhaus inspired Characters

CodePen - BauBuds - Generative Bauhaus inspired Characters

14
Comments 3
1 min read
CodePen - Generative “Embroidery Ring” Style Hills

CodePen - Generative “Embroidery Ring” Style Hills

11
Comments 2
1 min read
3D TEXT ANIMATION USING HTML AND CSS.

3D TEXT ANIMATION USING HTML AND CSS.

5
Comments
1 min read
Lehreen Fun with Css

Lehreen Fun with Css

4
Comments
1 min read
Embed dev.to articles in your Vue app

Embed dev.to articles in your Vue app

18
Comments
1 min read
Animated Sonar Screen - CSS Only

Animated Sonar Screen - CSS Only

6
Comments
1 min read
Starting my Web Development Journey. Completed freeCodeCamp's Survey Form Challenge.

Starting my Web Development Journey. Completed freeCodeCamp's Survey Form Challenge.

3
Comments 1
1 min read
Learning what VueJS is and how to use it!

Learning what VueJS is and how to use it!

5
Comments
2 min read
#CodepenChallenge Disappear: Swipe, and delete action for mobile devices

#CodepenChallenge Disappear: Swipe, and delete action for mobile devices

6
Comments 4
2 min read
FAB & Mega Menu

FAB & Mega Menu

2
Comments
1 min read
Download web pages as PDF with JavaScript

Download web pages as PDF with JavaScript

5
Comments
1 min read
How to build a pure CSS accordion

How to build a pure CSS accordion

4
Comments
2 min read
Let's Create A Simple Smiley Face With CSS

Let's Create A Simple Smiley Face With CSS

25
Comments 2
2 min read
Awesome Text Loading Animation In CSS

Awesome Text Loading Animation In CSS

3
Comments
1 min read
How to make a website like CodePen

How to make a website like CodePen

54
Comments 3
1 min read
UI Daily Design: Day 1261 - Search UI Components Design

UI Daily Design: Day 1261 - Search UI Components Design

2
Comments
1 min read
Netflix login page

Netflix login page

3
Comments
1 min read
Gallary, a minimal gallery with Grid

Gallary, a minimal gallery with Grid

6
Comments
1 min read
Bootstrap Theme Simply Me

Bootstrap Theme Simply Me

3
Comments
1 min read
CasioPT-1.css

CasioPT-1.css

3
Comments
1 min read
CSS Loading Text Animation Effects

CSS Loading Text Animation Effects

17
Comments
1 min read
Hex colour

Hex colour

3
Comments
1 min read
#Day 23: Made a Contact Form page using Html and CSS

#Day 23: Made a Contact Form page using Html and CSS

2
Comments
1 min read
Random Hex Color Code Generator | HTML, CSS & JavaScript

Random Hex Color Code Generator | HTML, CSS & JavaScript

4
Comments
1 min read
Lockdown Fun: Pascal's Triangle

Lockdown Fun: Pascal's Triangle

28
Comments
1 min read
💬 Notification

💬 Notification

3
Comments
1 min read
HTML CSS & GSAP | Just For Fun

HTML CSS & GSAP | Just For Fun

8
Comments
1 min read
Loader (Loader is not removed in JS)

Loader (Loader is not removed in JS)

4
Comments
1 min read
CodePen - Generative Orb Animation [pixi.js] + Frosty UI ❄️

CodePen - Generative Orb Animation [pixi.js] + Frosty UI ❄️

20
Comments 1
1 min read
Debounced Star Rating Widget(Vanilla JavaScript)

Debounced Star Rating Widget(Vanilla JavaScript)

2
Comments
1 min read
CSS Quick Menu Item Hover Effects

CSS Quick Menu Item Hover Effects

3
Comments
1 min read
Basic Rock, Paper, Scissors JS game

Basic Rock, Paper, Scissors JS game

2
Comments
1 min read
TODO App

TODO App

3
Comments 1
1 min read
Bare minimum Infinite Scroll UI

Bare minimum Infinite Scroll UI

55
Comments 9
1 min read
Credit Card Payment Form

Credit Card Payment Form

4
Comments
1 min read
jsPDF QR Code Tutorial & Code Samples - How To Generate A PDF With A QRCode using the jsPDF & qrCode.js Library

jsPDF QR Code Tutorial & Code Samples - How To Generate A PDF With A QRCode using the jsPDF & qrCode.js Library

12
Comments 2
1 min read
Adding Transition 🧐

Adding Transition 🧐

2
Comments
1 min read
Memory Game

Memory Game

4
Comments 2
1 min read
CodePen - Bridget Riley Inspired Generative SVG

CodePen - Bridget Riley Inspired Generative SVG

6
Comments
1 min read
CodePen - Glitchy Synthwave SVG Sun

CodePen - Glitchy Synthwave SVG Sun

12
Comments 4
1 min read
Coronavirus Shooting Game

Coronavirus Shooting Game

7
Comments 3
1 min read
loading...